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
我們經(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 即可。