export default和exports
时间: 2023-10-17 21:25:49 浏览: 53
export default 和 exports 是 JavaScript 中用于导出模块的两种不同语法。
1. export default:
- export default 语法用于导出一个默认的值或者一个默认的函数。一个模块只能有一个默认导出。
- 导入这个模块时,可以使用任意的名称来引用默认导出,而不需要使用花括号。
- 示例:
```
// 模块A.js
const myDefault = 'Hello, World!';
export default myDefault;
// 导入模块A.js
import myDefault from './A.js';
console.log(myDefault); // 输出: 'Hello, World!'
```
2. exports:
- exports 是 CommonJS 标准中用于导出模块的语法。它允许多个值或函数被导出,并且需要使用花括号来导入这些导出。
- 示例:
```
// 模块B.js
exports.myFunc = () => {
console.log('Function called');
};
exports.myVariable = 42;
// 导入模块B.js
const { myFunc, myVariable } = require('./B.js');
myFunc(); // 输出: 'Function called'
console.log(myVariable); // 输出: 42
```
总结:
- export default 提供了一种更简洁的导出方式,适用于只导出一个值或函数的情况。
- exports 适用于导出多个值或函数的情况,并且需要使用花括号进行导入。