exports、module.exports 和 export 、 export default的差异

一、使用范围

require  ： node支持引入

export/import ： 只有es6支持的导出/引入

module.export / exports : 只有node支持的导出

 

二、node模块

Node 里面的模块系统遵循的是CommonJs规范，commonJs定义的模块分为：模块标识(module)、模块定义（exports）、模块引用（require）

exports和module.exports在一个node执行一个文件时，会给这个文件生成一个exports和module对象，而module又有一个exports属性。他们之间的关系如下图，都指向一个块｛｝内存区域。

exports = module.exports = {};

//utils.js let a = 100; console.log(module.exports); //能打印出结果为：{} console.log(exports); //能打印出结果为：{} exports.a = 200; //这里辛苦劳作帮 module.exports 的内容给改成 {a : 200} exports = '指向其他内存区'; //这里把exports的指向指走 //test.js var a = require('/utils'); console.log(a) // 打印为 {a : 200}

从上面可以看出，其实require导出的内容是module.exports的指向的内存块内容，并不是exports的。 简而言之，区分他们之间的区别就是 exports 只是 module.exports的引用，辅助后者添加内容用的。

 

三、es6 export和export default的区别

1.export和export default 都可以导出 常量、函数、模块、文件。

2.export default在一个模块中只能有一个，export可以有多个

3.export 导出的内容需要包再｛｝中接收，export default则不需要

4.模块中通过export 导出的（属性或者方法）可以修改，但是通过export default导出的不可以修改。

//model.js let e1='export 1'; let e2='export 2'; export {e2}; export default e1; e1='export 1 modified'; e2='export 2 modified'; //index.js import e1, {e2}from "./model"; console.log(e1); console.log(e2); #index.js执行结果 export 1 export 2 modified

tips：

a.es6中模块通过export 和 export default 暴露出来的属性或者方式并不是普通的赋值或者引用，他们是对模块内部定义的标识符类似指针的绑定。

b.对于一个导出的属性或者方法，在什么地方导出不重要，在什么时候导入也不重要，重要的是：访问这个绑定的时候的当前值。