export default 作用
时间: 2023-10-21 22:28:47 浏览: 82
ES6新特性:使用export和import实现模块化详解
export default 是一种 JavaScript 语法,它用于导出模块中的默认值。当一个模块有且只有一个默认导出时,我们可以使用 export default 来导出这个默认值。这样,在其他模块中导入该模块时,可以直接引用这个默认值,而不需要指定特定的导出名称。
具体来说,export default 可以用于导出函数、类、对象、字符串等任何 JavaScript 值。例如,我们可以在一个文件中定义一个默认的函数,并使用 export default 导出它:
```
// math.js
export default function add(a, b) {
return a + b;
}
```
然后,在另一个文件中,我们可以通过 import 语句来导入并使用这个默认值:
```
// main.js
import add from './math.js';
console.log(add(2, 3)); // 输出 5
```
注意,在导入默认值时,我们可以自定义引用的名称(在上面的例子中是 add),但在导出时使用的是默认名称。这种语法简化了导入导出模块的过程,使代码更加清晰和易读。
阅读全文