export default和module.exports区别
时间: 2023-10-12 17:17:39 浏览: 99
`export default` 和 `module.exports` 都是用于导出模块的关键字,但是它们的使用方式和用途有所不同。
在 ES6 中,使用 `export default` 可以导出一个默认的模块,即一个模块只能有一个默认导出。例如:
```
// module.js
const name = 'module';
export default name;
// index.js
import moduleName from './module';
console.log(moduleName); // 输出 'module'
```
在 CommonJS 中,使用 `module.exports` 可以导出一个模块,可以导出多个变量或者函数。例如:
```
// module.js
const name = 'module';
module.exports = {
name,
getName() {
console.log(this.name);
}
}
// index.js
const moduleObj = require('./module');
console.log(moduleObj.name); // 输出 'module'
moduleObj.getName(); // 输出 'module'
```
需要注意的是,在一个模块中只能使用一个默认导出,但是可以使用多个命名导出。而在 CommonJS 中,可以使用 `exports` 对象添加多个导出,但是不能使用 `exports` 对象来覆盖 `module.exports`,因为 `exports` 对象只是对 `module.exports` 的一个引用。
阅读全文