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)體里啥屬性都沒有,只有一個(gè)字符串——ROCK IT
察纯。所以它的結(jié)果是undefined
require 用來加載代碼帕棉,而 exports 和 module.exports 則用來導(dǎo)出代碼针肥。但很多新手可能會(huì)迷惑于 exports 和 module.exports 的區(qū)別,為了更好的理解 exports 和 module.exports 的關(guān)系香伴,我們先來鞏固下 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)出來,所以第三四個(gè)輸出一樣膊畴。當(dāng) b 被覆蓋時(shí)掘猿,b 指向了一塊新的內(nèi)存,a 還是指向原來的內(nèi)存唇跨,所以最后兩個(gè)輸出不一樣稠通。
明白了上述例子后,我們只需知道三點(diǎn)就知道 exports 和 module.exports 的區(qū)別了:
- module.exports 初始值為一個(gè)空對(duì)象 {}
- exports 是指向的 module.exports 的引用
- require() 返回的是 module.exports 而不是 exports
我們經(jīng)陈虿看到這樣的寫法:
exports = module.exports = somethings
上面的代碼等價(jià)于:
module.exports = somethingsexports = module.exports
原理很簡(jiǎn)單改橘,即 module.exports 指向新的對(duì)象時(shí),exports 斷開了與 module.exports 的引用玉控,那么通過 exports = module.exports 讓 exports 重新指向 module.exports 即可飞主。