export default和exports区别
时间: 2024-02-02 07:10:28 浏览: 89
export 与 export default 区别
export default和exports是JavaScript中用于导出模块的两种不同的语法。
1. exports是CommonJS模块系统中的导出方式,用于导出一个模块中的多个变量或函数。它是一个对象,可以通过添加属性的方式导出多个变量或函数。例如:
```javascript
// module.js
exports.variable1 = 123;
exports.variable2 = 'abc';
exports.function1 = function() {
console.log('Hello');
};
```
其他文件可以通过require语句引入module.js中导出的变量或函数:
```javascript
// other.js
const module = require('./module');
console.log(module.variable1); // 输出:123
module.function1(); // 输出:Hello
```
2. export default是ES6模块系统中的导出方式,用于导出一个模块中的默认值。每个模块只能有一个默认导出。例如:
```javascript
// module.js
export default 123;
```
其他文件可以通过import语句引入module.js中导出的默认值:
```javascript
// other.js
import module from './module';
console.log(module); // 输出:123
```
所以,export default和exports的区别在于:
- exports可以导出多个变量或函数,而export default只能导出一个默认值。
- exports是CommonJS模块系统的语法,而export default是ES6模块系统的语法。
阅读全文