什么時候用module.export?什么時候用exports?兩者區別是?

創建/引用module

你可以用它創建你的模塊。例如:(假設這是rocker.js文件)

exports.name = function() {
    console.log('my name is cp');
}

在另一個文件中引用rocker.js

var rocker = require('./rocker.js');
rocker.name(); // my name is cp

先來看一個例子

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

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

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

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

// 運行輸出結果為:
// { name: 1 }
// { name: 1 }
// { name: 2 }
// { name: 2 }
// { name: 2 }
// { name: 3 }

a 是一個對象,b 是對 a 的引用,即 a 和 b 指向同一塊內存,所以前兩個輸出一樣。當對 b 作修改時,即 a 和 b 指向同一塊內存地址的內容發生了改變,所以 a 也會體現出來,所以第三四個輸出一樣。當 b 被覆蓋時,b 指向了一塊新的內存,a 還是指向原來的內存,所以最后兩個輸出不一樣。

module.exports和exports到底是什么?

其實,Module.exports才是真正的接口,exports只不過是它的一個輔助工具?!∽罱K返回給調用的是Module.exports而不是exports。

所有的exports收集到的屬性和方法,都賦值給了Module.exports。當然,這有個前提,就是Module.exports本身不具備任何屬性和方法。如果,Module.exports已經具備一些屬性和方法,那么exports收集來的信息將被忽略。
修改rocker.js如下:

module.exports = 'ROCK IT!';
exports.name = function() {
    console.log('my name is cp');
}

再次引用執行rocker.js

var rocker = require('./rocker.js');
rocker.name();

出現報錯:rocker.name is not a function

  • rocker模塊忽略了exports收集的name方法,返回了一個字符串“ROCK IT!”。由此可知,你的模塊并不一定非得返回“實例化對象”。你的模塊可以是任何合法的javascript對象--boolean, number, date, JSON, string, function, array等等。
  • 你的模塊可以是任何你設置給它的東西。如果你沒有顯式的給module.exports設置任何屬性和方法,那么你的模塊就是exports設置給module.exports的屬性。

結論:

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

用兩個例子來解析

例子1:
下面例子中,你的模塊是一個類:

module.exports = function(name, age) {
    this.name = name;
    this.age = age;
    thisl.about = function() {
        console.log(this.name + 'is' + this.age + 'years old');
    };
};

你可以這樣引用它:

var Rocker = require('./rocker.js');
var r = new Rocker('Ozzy', 62);
r.about(); // Ozzy is 62 years old

例子2:
下面例子中,你的模塊是一個數組:

module.exports = ['Lemmy Kilmister', 'Ozzy Osbourne', 'Ronnie James Dio', 'Steven Tyler', 'Mick Jagger'];

你可以這樣引用它:

var rocker = require('./rocker.js');
console.log('Rockin in heaven: ' + rocker[2]); // Rocking in heaven: Ronnie James Dio

什么時候用exports?什么時候用module.exports?

從以上兩個例子,我們可以總結出:

  • 如果你想你的模塊是一個特定的類型就用Module.exports。
  • 如果你想的模塊是一個典型的“實例化對象”就用exports。

給module.exports添加屬性類似于給exports添加屬性,例如:

module.export.name = function() {
    console.log('my name is cp');
}

同樣,exports是這樣的

exports.name = function() {
    console.log('my name is cp');
}

注意: 這兩種結果并不相同。前面已經提到module.exports是真正的接口,exports只不過是它的輔助工具。推薦使用exports導出,除非你打算從原來的“實例化對象”改變成一個類型。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容