Nodejs中exports與module.exports的區(qū)別

Node.js 的 exports 和 module.exports 兩者很容易給新手造成疑惑。這里希望能講清楚它們的異同。

原文:http://www.hacksparrow.com/node-js-exports-vs-module-exports.html

相同之處

exports 和 module.exports 并不是全局變量,而只是對(duì)各自的 module 可見(jiàn)。

它們指向同一個(gè)對(duì)象,其缺省初始值為空 {}。

如果 exports 和 module.exports 沒(méi)有被重新賦值,這個(gè)對(duì)象就是將要輸出的對(duì)象。

不同之處

module 是對(duì)當(dāng)前模塊的一個(gè)引用。真正輸出的是 module.exports。

所以對(duì) exports 直接賦值沒(méi)有作用。而對(duì) module.exports 直接賦值后,module.exports 就指向新的對(duì)象了,這個(gè)新的對(duì)象成為將要被輸出的對(duì)象。

詳細(xì)說(shuō)明

exports 和 module.exports 指向的是同一個(gè)對(duì)象,所以給他們?nèi)魏我粋€(gè)添加屬性或方法,另外一個(gè)都會(huì)接收到變化,因?yàn)樗麄冎赶虻氖峭粋€(gè)對(duì)象。例如:

exports.afunc = function(){};
module.exports.name = "Wang";
console.log(exports);
console.log(module.exports);
后面兩條語(yǔ)句的輸出都是: <code> { afunc: [Function], name: ‘Wang’ } </code>
舉個(gè)exports對(duì)象 例子

例如:
rocker.js文件

exports.name = function() {
    console.log('My name is Lemmy Kilmister');
};

在另一個(gè)文件中你這樣引用

var rocker = require('./rocker.js');
rocker.name(); // 'My name is Lemmy Kilmister'
那到底Module.exports是什么呢?它是否合法呢?

其實(shí),Module.exports才是真正的接口,exports只不過(guò)是它的一個(gè)輔助工具?!∽罱K返回給調(diào)用的是Module.exports而不是exports。

所有的exports收集到的屬性和方法,都賦值給了Module.exports。當(dāng)然,這有個(gè)前提,就是Module.exports本身不具備任何屬性和方法。如果,Module.exports已經(jīng)具備一些屬性和方法,那么exports收集來(lái)的信息將被忽略。

修改rocker.js如下:
module.exports = 'ROCK IT!';
exports.name = function() {
    console.log('My name is Lemmy Kilmister');
};
再次引用執(zhí)行rocker.js
var rocker = require('./rocker.js');
rocker.name(); // TypeError: Object ROCK IT! has no method 'name'
發(fā)現(xiàn)報(bào)錯(cuò):對(duì)象“ROCK IT!”沒(méi)有name方法

rocker模塊忽略了exports收集的name方法,返回了一個(gè)字符串“ROCK IT!”。由此可知,你的模塊并不一定非得返回“實(shí)例化對(duì)象”。你的模塊可以是任何合法的javascript對(duì)象--boolean, number, date, JSON, string, function, array等等。

你的模塊可以是任何你設(shè)置給它的東西。如果你沒(méi)有顯式的給Module.exports設(shè)置任何屬性和方法,那么你的模塊就是exports設(shè)置給Module.exports的屬性。

下面例子中,你的模塊是一個(gè)類(lèi):
module.exports = function(name, age) {
    this.name = name;
    this.age = age;
    this.about = function() {
        console.log(this.name +' is '+ this.age +' years old');
    };
};
可以這樣應(yīng)用它:
var Rocker = require('./rocker.js');
var r = new Rocker('Ozzy', 62);
r.about(); // Ozzy is 62 years old
下面例子中,你的模塊是一個(gè)數(shù)組:
module.exports = ['Lemmy Kilmister', 'Ozzy Osbourne', 'Ronnie James Dio', 'Steven Tyler', 'Mick Jagger'];
可以這樣應(yīng)用它:
var rocker = require('./rocker.js');
console.log('Rockin in heaven: ' + rocker[2]); //Rockin in heaven: Ronnie James Dio

現(xiàn)在你明白了,如果你想你的模塊是一個(gè)特定的類(lèi)型就用Module.exports。如果你想的模塊是一個(gè)典型的“實(shí)例化對(duì)象”就用exports。

給Module.exports添加屬性類(lèi)似于給exports添加屬性。例如:

module.exports.name = function() {
    console.log('My name is Lemmy Kilmister');
};
同樣,exports是這樣的
exports.name = function() {
    console.log('My name is Lemmy Kilmister');
};

請(qǐng)注意,這兩種結(jié)果并不想同。前面已經(jīng)提到module.exports是真正的接口,exports只不過(guò)是它的輔助工具。推薦使用exports導(dǎo)出,除非你打算從原來(lái)的“實(shí)例化對(duì)象”改變成一個(gè)類(lèi)型。

總結(jié)

真正輸出總是 module.exports。如果兩者同時(shí)出現(xiàn)或被修改,只有 module.exports 返回,exports 被忽略。
exports = module.exports = {};

  • exports 是 module.exports 的一個(gè)引用
  • module.exports 初始值為一個(gè)空對(duì)象 {},所以 exports 初始值也是 {}
  • require 引用模塊后,返回的是 module.exports 而不是 exports!!!!!
  • exports.xxx 相當(dāng)于在導(dǎo)出對(duì)象上掛屬性,該屬性對(duì)調(diào)用模塊直接可見(jiàn)
  • exports = 相當(dāng)于給 exports 對(duì)象重新賦值,調(diào)用模塊不能訪問(wèn) exports 對(duì)象及其屬性
    如果此模塊是一個(gè)類(lèi),就應(yīng)該直接賦值 module.exports,這樣調(diào)用者就是一個(gè)類(lèi)構(gòu)造器,可以直接 new 實(shí)例。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容