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

module.exports與exports指向的是同一塊內(nèi)存區(qū)域,這個(gè)內(nèi)存區(qū)域里存著一個(gè)結(jié)構(gòu)體,有諸多變量。到底有啥區(qū)別?
app.js的代碼不變,如下:

varrocker=require("./log");
console.log(rocker.name);

首先,讓log.js的代碼成下面這個(gè)樣子:

exports.name=function(){
console.log('MynameisLemmyKilmister');
};
module.exports.name='ROCKIT!';

然后運(yùn)行node app.js,結(jié)果是 ROCK IT!
如果把log.js的代碼變成下面這個(gè)樣子:

module.exports.name='ROCKIT!';
exports.name=function(){
console.log('MynameisLemmyKilmister');
};

然后運(yùn)行node app.js,結(jié)果是[Function]。
這就很明顯了,前后兩次的name指向的同一個(gè)內(nèi)存,相當(dāng)于把name變量重新賦值兩次。
如果把log.js的代碼變成下面一個(gè)樣子

module.exports='ROCKIT!';
exports.name=function(){
console.log('MynameisLemmyKilmister');
};

此時(shí)這個(gè)結(jié)構(gòu)體里啥屬性都沒(méi)有,只有一個(gè)字符串——ROCK IT。所以它的結(jié)果是undefined

require 用來(lái)加載代碼,而 exports 和 module.exports 則用來(lái)導(dǎo)出代碼。但很多新手可能會(huì)迷惑于 exports 和 module.exports 的區(qū)別,為了更好的理解 exports 和 module.exports 的關(guān)系,我們先來(lái)鞏固下 js 的基礎(chǔ)。示例:

**test.js**
var a = {name: 1};
var b = a;
console.log(a);
console.log(b);
[b.name](http://b.name/) = 2;
console.log(a);
console.log(b);
var b = {name: 3};
console.log(a);
console.log(b);

運(yùn)行 test.js 結(jié)果為:
{ name: 1 }{ name: 1 }{ name: 2 }{ name: 2 }{ name: 2 }{ name: 3 }
解釋:a 是一個(gè)對(duì)象,b 是對(duì) a 的引用,即 a 和 b 指向同一塊內(nèi)存,所以前兩個(gè)輸出一樣。當(dāng)對(duì) b 作修改時(shí),即 a 和 b 指向同一塊內(nèi)存地址的內(nèi)容發(fā)生了改變,所以 a 也會(huì)體現(xiàn)出來(lái),所以第三四個(gè)輸出一樣。當(dāng) b 被覆蓋時(shí),b 指向了一塊新的內(nèi)存,a 還是指向原來(lái)的內(nèi)存,所以最后兩個(gè)輸出不一樣。
明白了上述例子后,我們只需知道三點(diǎn)就知道 exports 和 module.exports 的區(qū)別了:

  • module.exports 初始值為一個(gè)空對(duì)象 {}
  • exports 是指向的 module.exports 的引用
  • require() 返回的是 module.exports 而不是 exports

現(xiàn)在我們來(lái)看 Node.js 官方文檔的截圖:
屏幕快照 2016-09-29 上午11.59.44.png
屏幕快照 2016-09-29 上午11.59.44.png

我們經(jīng)??吹竭@樣的寫法:
exports = module.exports = somethings

上面的代碼等價(jià)于:
module.exports = somethingsexports = module.exports

原理很簡(jiǎn)單,即 module.exports 指向新的對(duì)象時(shí),exports 斷開(kāi)了與 module.exports 的引用,那么通過(guò) exports = module.exports 讓 exports 重新指向 module.exports 即可。

最后編輯于
?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Node.js是目前非?;馃岬募夹g(shù),但是它的誕生經(jīng)歷卻很奇特。 眾所周知,在Netscape設(shè)計(jì)出JavaScri...
    w_zhuan閱讀 3,721評(píng)論 2 41
  • 【轉(zhuǎn)】 遵循的模塊化規(guī)范不一樣 模塊化規(guī)范:即為 JavaScript 提供一種模塊編寫、模塊依賴和模塊運(yùn)行的方案...
    houruyaogeili閱讀 3,373評(píng)論 0 2
  • 原文:http://www.hacksparrow.com/node-js-exports-vs-module-e...
    geeksforgeeks閱讀 417評(píng)論 0 3
  • 前幾天,剛剛刪除微信好友里的幾個(gè)微商。是的,我會(huì)刪除我朋友圈的微商。這個(gè)答案必須是肯定的。 首先,我是一個(gè)有著自己...
    孫曉麗閱讀 1,144評(píng)論 4 4
  • 我們?cè)跒g覽網(wǎng)站的時(shí)候經(jīng)常會(huì)看到一些類似亂碼的字符串。這些是如何產(chǎn)生的呢,又該怎么解決。 基本你所看到的網(wǎng)頁(yè)都是圖上...
    DX初學(xué)者閱讀 476評(píng)論 0 2

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