js中export default的用法

在JavaScript中，export default是ES6模块系统中的一种导出方式。使用export default可以导出一个默认的值或对象，而不需要使用具体的名称。这样，导入时可以使用任意的名称来引用导出的内容。

在文件a.js中，可以使用export default来导出一个默认的值或对象。例如，可以导出一个包含变量、函数和类的对象，如下所示：

const str = "export default的内容";
function FunctionName(){...}
class ClassName {...}
export default {str, FunctionName, ClassName};

在文件b.js中，可以使用import来导入export default导出的内容，并给它一个任意的名称。例如：

import name from '../a.js';
// 使用
console.log(name.str);
name.FunctionName();

这样，我们可以通过name来访问a.js中导出的内容。

需要注意的是，export default只能导出一个默认的值或对象，而export可以导出多个具体的值或对象。另外，使用export default时，在导入时可以给导出内容指定任意的名称，而使用export时，需要使用具体的名称来引用导出的内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [js中的export、import、export default等导入导出全解](https://blog.csdn.net/qq_45279180/article/details/118523798)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [JavaScript ES6中export与export default使用指南](https://blog.csdn.net/weixin_44688451/article/details/121934426)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]