# module.exports 与 exports,export 与 export default 之间的关系和区别
首先我们要明白一个前提,CommonJS 模块规范和 ES6 模块规范完全是两种不同的概念。
# CommonJS 模块规范
Node 应用由模块组成,采用 CommonJS 模块规范。
根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。
CommonJS 规范规定,每个模块内部,module 变量代表当前模块。这个变量是一个对象,它的 exports 属性(即 module.exports)是对外的接口。加载某个模块,其实是加载该模块的 module.exports 属性。
var x = 5; | |
var addX = function (value) { | |
return value + x; | |
}; | |
module.exports.x = x; | |
module.exports.addX = addX; |
上面代码通过 module.exports 输出变量 x 和函数 addX。
require 方法用于加载模块。
var example = require('./example.js'); | |
console.log(example.x); // 5 | |
console.log(example.addX(1)); // 6 |
# exports 与 module.exports
为了方便,Node 为每个模块提供一个 exports 变量,指向 module.exports。这等同在每个模块头部,有一行这样的命令。
var exports = module.exports; |
于是我们可以直接在 exports 对象上添加方法,表示对外输出的接口,如同在 module.exports 上添加一样。注意,不能直接将 exports 变量指向一个值,因为这样等于切断了 exports 与 module.exports 的联系。
# ES6 模块规范
不同于 CommonJS,ES6 使用 export 和 import 来导出、导入模块。
// profile.js | |
var firstName = 'Michael'; | |
var lastName = 'Jackson'; | |
var year = 1958; | |
export {firstName, lastName, year}; |
需要特别注意的是,export 命令规定的是对外的接口,必须与模块内部的变量建立一一对应关系。
// 写法一 | |
export var m = 1; | |
// 写法二 | |
var m = 1; | |
export {m}; | |
// 写法三 | |
var n = 1; | |
export {n as m}; |
# export default 命令
使用 export default 命令,为模块指定默认输出。
// export-default.js | |
export default function () { | |
console.log('foo'); | |
} |
相关链接:
CommonJS 规范,http://javascript.ruanyifeng.com/nodejs/module.html
ES6 Module 的语法,http://es6.ruanyifeng.com/#docs/module