exports、module.exports和export、export default
使用范围:
1 | require: node 和 es6 都支持的引入 |
node模块
Node
里面的模块系统遵循的是CommonJS
规范。
那问题又来了,什么是`CommonJS规范呢?
由于js以前比较混乱,各写各的代码,没有一个模块的概念,而这个规范出来其实就是对模块的一个定义
CommonJS
定义的模块分为: 模块标识(module)、模块定义(exports) 、模块引用(require)
先解释 exports
和 module.exports
在一个node执行一个文件时,会给这个文件内生成一个 exports
和module
对象,
而module
又有一个exports
属性。他们之间的关系如下图,都指向一块{}内存区域。
1 | exports = module.exports = {}; |
代码详细解释:
1 | //utils.js |
解释:
从上面可以看出,其实require
导出的内容是module.exports
的指向的内存块内容,并不是exports
的。
简而言之,区分他们之间的区别就是 exports
只是 module.exports
的引用,辅助后者添加内容用的。
用白话讲就是,exports
(秘书)只辅助module.exports
(老板)操作内存中的数据,辛辛苦苦各种操作数据完,累得要死,结果到最后真正被require
出去的内容还是module.exports
的.
其实大家用内存块的概念去理解(就是指针不同,指向相同内存地方),就会很清楚了。
然后呢,为了避免糊涂,尽量都用 module.exports 导出,然后用require导入。
ES中的模块导出导入
这个就很简单了,大家也是常用的,不过也有一些细节的东西需要搞清楚。
比如 export
和 export default
,还有 导入的时候,import a from ..
,import {a} from ..
,总之也有点乱,那么下面我们就开始把它们捋清楚吧。(个人建议,看阮一峰翻译es6).
export 和 export default
1.export与export default均可用于导出常量、函数、文件、模块等
2.在一个文件或模块中,export、import可以有多个,export default仅有一个
3.通过export方式导出,在导入时要加{ },export default则不需要
4.export能直接导出变量表达式,export default不行。
下面咱们看看代码去验证一下
1 | testEs6Export.js |
1 | //index.js |
从上面可以看出,确实感觉 ES6的模块系统非常灵活的。