很多人都知道使用require 來(lái)加載代碼,使用 exports 和 module.exports 來(lái)導(dǎo)出代碼。但很多新手估計(jì)會(huì)迷惑于 exports 和 module.exports 的區(qū)別,為了更好的理解 exports 和 module.exports 的關(guān)系吼畏,我們先有一個(gè)JS的例子說(shuō)起。示例:
demo.js
var a = {name: 'Seven'};
var b = a;
console.log(a);
console.log(b);
b.name = 'Eric';
console.log(a);
console.log(b);
var b = {name: 'Freda' };
console.log(a);
console.log(b);
運(yùn)行 demo.js 結(jié)果為:
{ name: 'Seven' }
{ name: 'Seven' }
{ name: 'Eric' }
{ name: 'Eric' }
{ name: 'Eric' }
{ name: 'Freda' }
解釋:a 是一個(gè)對(duì)象,b 是對(duì) a 的引用芝硬,即 a 和 b 指向同一塊內(nèi)存,所以前兩個(gè)輸出一樣轧房。當(dāng)對(duì) b 的屬性值作修改時(shí)拌阴,其實(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ū)別了:
1.module.exports 初始值為一個(gè)空對(duì)象 {} (JS文件初始化時(shí)創(chuàng)始完成)
2.exports 是指向的 module.exports 的引用 (JS文件初始化時(shí)創(chuàng)始完成)
3.require() 返回的是 module.exports 而不是 exports
我們經(jīng)成闫梗看到這樣的寫法:
exports = module.exports = somethings
這樣寫的目的是什么了悠反,因?yàn)?module.exports 指向新的對(duì)象時(shí),exports 斷開了與 module.exports 的引用馍佑,所以通過(guò) exports = module.exports 讓 exports 重新指向 module.exports 即可斋否。
還有一種常見的寫法:
var app = exports = module.exports = {};
app.xxx =
上面代碼摘自NodeJS框架Express源碼, 這種寫法的目的是首先讓app變量也成為了一個(gè)指向module.exports的一個(gè)引用,也就是app、exports拭荤、module.exports指向同一塊內(nèi)存茵臭,所以對(duì)app屬性的操作也就是改變了module.exports,所以app也就相當(dāng)于導(dǎo)出了。