exports 和 module.exports 的區別

我理解的exports 和 module.exports 的區別，歡迎你們吐槽~

爲了更好的理解 exports 和 module.exports 的關係，咱們先來補點 js 基礎。示例：

app.js

var a = {name: 'nswbmw 1'};
var b = a;

console.log(a);
console.log(b);

b.name = 'nswbmw 2';
console.log(a);
console.log(b);

var b = {name: 'nswbmw 3'};
console.log(a);
console.log(b);

運行 app.js 結果爲：

D:\>node app
{ name: 'nswbmw 1' }
{ name: 'nswbmw 1' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 3' }

D:\>

解釋一下：a 是一個對象，b 是對 a 的引用，即 a 和 b 指向同一個對象，即 a 和 b 指向同一塊內存地址，因此前兩個輸出同樣。當對 b 做修改時，即 a 和 b 指向同一塊內存地址的內容發生了改變，因此 a 也會體現出來，因此第三四個輸出同樣。當對 b 徹底覆蓋時，b 就指向了一塊新的內存地址（並無對原先的內存塊做修改），a 仍是指向原來的內存塊，即 a 和 b 再也不指向同一塊內存，也就是說此時 a 和 b 已毫無關係，因此最後兩個輸出不同。

明白了上述例子後，咱們進入正題。 咱們只需知道三點便可知道 exports 和 module.exports 的區別了：

1 exports 是指向的 module.exports 的引用
2 module.exports 初始值爲一個空對象 {}，因此 exports 初始值也是 {}
3 require() 返回的是 module.exports 而不是 exports

因此：

• 咱們經過

var name = 'nswbmw';
  exports.name = name;
  exports.sayName = function() {
    console.log(name);
  }

給 exports 賦值實際上是給 module.exports 這個空對象添加了兩個屬性而已，上面的代碼至關於：

 var name = 'nswbmw';
  module.exports.name = name;
  module.exports.sayName = function() {
    console.log(name);
  }

咱們一般這樣使用 exports 和 module.exports

一個簡單的例子，計算圓的面積：

使用 exports

app.js

var circle = require('./circle');
  console.log(circle.area(4));

circle.js

exports.area = function(r) {
    return r * r * Math.PI;
  }

使用 module.exports

app.js

var area = require('./area');
  console.log(area(4));

area.js

module.exports = function(r) {
    return r * r * Math.PI;
  }

上面兩個例子輸出是同樣的。你也許會問，爲何不這樣寫呢？

app.js

 var area = require('./area');
  console.log(area(4));

area.js

 exports = function(r) {
    return r * r * Math.PI;
  }

運行上面的例子會報錯。這是由於，前面的例子中經過給 exports 添加屬性，只是對 exports 指向的內存作了修改，而

exports = function(r) {
    return r * r * Math.PI;
  }

實際上是對 exports 進行了覆蓋，也就是說 exports 指向了一塊新的內存（內容爲一個計算圓面積的函數），也就是說 exports 和 module.exports 再也不指向同一塊內存，也就是說此時 exports 和 module.exports 毫無聯繫，也就是說 module.exports 指向的那塊內存並無作任何改變，仍然爲一個空對象 {} ，也就是說 area.js 導出了一個空對象，因此咱們在 app.js 中調用 area(4) 會報 TypeError: object is not a function 的錯誤。

因此，一句話作個總結：當咱們想讓模塊導出的是一個對象時， exports 和 module.exports 都可使用（但 exports 也不能從新覆蓋爲一個新的對象），而當咱們想導出非對象接口時，就必須也只能覆蓋 module.exports 。

咱們常常看到這樣的用寫法：

exports = module.exports = somethings

上面的代碼等價於

 module.exports = somethings
  exports = module.exports

緣由也很簡單， module.exports = somethings 是對 module.exports 進行了覆蓋，此時 module.exports 和 exports 的關係斷裂，module.exports 指向了新的內存塊，而 exports 仍是指向原來的內存塊，爲了讓 module.exports 和 exports 仍是指向同一塊內存或者說指向同一個 「對象」，因此咱們就 exports = module.exports 。