浅谈module.exports与exports，export与export default的区别

浅谈module.exports与exports，export与export default的区别

 

首先要明确module.exports与exports ，是CommonJS的规范，在Node.js中使用。export与export default ，是ES6规范，主要用于React或Vue中。他们之间的区别主要有以下几点：

1.Node使用CommonJS规范，定义每个模块的内部，module变量代表当前模块，exports是module的属性，表示对外的接口。加载某个模块，实际上是加载该模块的module.exports属性。
2.Node为每隔模块提供了一个exports变量，指向module.exports，这等同于每个模块头部有这样的一行代码：var exports = module.exports。
3.ES6使用export和import来导出/导入模块。
4. export与export default均可用于导出常量/函数/文件/模块等。
5.在一个文件或模块中，export/import可以有多个，export default只有一个。
6. 通过export方式导出，在导入时需要加{}，export default不需要。
7.export能导出变量/表达式，export default不可以。
8.CommonJS模块输出是一个值的拷贝，ES6模块输出是值的引用。
9.CommonJS模块是运行时加载，ES6模块是编译时输出接口。
10.CommonJS模块无论require多少次，都只会在第一次加载时运行一次，然后保存到缓存中，下次在require，只会去从缓存取。

 

简单使用如下：

module.exports用于node模块块开发，导出某个模块，对应导入require(‘xxx模块’)

export default用于ES6中模块块开发，导出某个模块，对应导入import XXX from 'xxx模块’