module.exports與exports，export與export default之間的關系和區別 首先我們要明白一個前提，CommonJS模塊規范和ES6模塊規范完全是兩種不同的概念。 ## CommonJS模塊規范 **Node**應用由模塊組成，采用CommonJS模塊規范。 根據這個規范，每個文件就是一個模塊，有自己的作用域。在一個文件里面定義的變量、函數、類，都是私有的，對其他文件不可見。 CommonJS規范規定，每個模塊內部，module變量代表當前模塊。這個變量是一個對象，它的exports屬性（即module.exports）是對外的接口。加載某個模塊，其實是加載該模塊的module.exports屬性。 ~~~javascript var x = 5; var addX = function (value) { return value + x; }; module.exports.x = x; module.exports.addX = addX; ~~~ 上面代碼通過module.exports輸出變量x和函數addX。 require方法用于加載模塊。 ~~~javascript var example = require('./example.js'); console.log(example.x); // 5 console.log(example.addX(1)); // 6 ~~~ ### exports 與 module.exports 為了方便，Node為每個模塊提供一個exports變量，指向module.exports。這等同在每個模塊頭部，有一行這樣的命令。 ~~~javascript var exports = module.exports; ~~~ 于是我們可以直接在 exports 對象上添加方法，表示對外輸出的接口，如同在module.exports上添加一樣。注意，不能直接將exports變量指向一個值，因為這樣等于切斷了exports與module.exports的聯系。 ## ES6模塊規范 不同于CommonJS，ES6使用 export 和 import 來導出、導入模塊。 ~~~javascript // profile.js var firstName = 'Michael'; var lastName = 'Jackson'; var year = 1958; export {firstName, lastName, year}; ~~~ 需要特別注意的是，export命令規定的是對外的接口，必須與模塊內部的變量建立一一對應關系。 ~~~javascript // 寫法一 export var m = 1; // 寫法二 var m = 1; export {m}; // 寫法三 var n = 1; export {n as m}; ~~~ ### export default 命令 使用export default命令，為模塊指定默認輸出。 ~~~javascript // export-default.js export default function () { console.log('foo'); } ~~~ 相關鏈接： CommonJS規范，[http://javascript.ruanyifeng.com/nodejs/module.html](http://javascript.ruanyifeng.com/nodejs/module.html) ES6 Module 的語法，[http://es6.ruanyifeng.com/#docs/module](http://es6.ruanyifeng.com/#docs/module)