js中export default
时间: 2024-06-05 14:05:41 浏览: 83
JavaScript ES6中export、import与export default的用法和区别
5星 · 资源好评率100%
在JavaScript中,通过使用`export default`语句,可以将一个模块中的一个函数或对象作为默认导出,这样在其他模块中就可以直接引入该模块的默认导出,而不需要使用花括号来指定导入的具体内容。举个例子,假设有一个名为`utils.js`的模块,其中包含一个名为`sum`的函数,可以这样使用`export default`将其作为默认导出:
```
// utils.js
function sum(a, b) {
return a + b;
}
export default sum;
```
然后在其他模块中,可以直接引入`utils.js`的默认导出:
```
// main.js
import sum from './utils';
console.log(sum(1, 2)); // 输出:3
```
值得注意的是,在一个模块中,只能使用一次`export default`语句来指定默认导出的内容。如果希望导出多个函数或对象,则需要使用普通的`export`语句来进行导出。同时,在引入默认导出时,也可以给导入的变量指定任意的名称,例如:
```
// main.js
import mySum from './utils';
console.log(mySum(1, 2)); // 输出:3
```
阅读全文