一、module，module.exports ，exports含義

• module對(duì)象：在每個(gè) .js 自定義模塊中都有一個(gè) module 對(duì)象，它里面存儲(chǔ)了和當(dāng)前模塊有關(guān)的信息
• module.exports 對(duì)象：在node里自定義的模塊中，可以使用 module.exports 對(duì)象，將自定義的模塊內(nèi)部分的成員共享出去被使用。
• 當(dāng)外界（其他js文件）用require() 方法導(dǎo)入自定義模塊時(shí)，得到的就是 module.exports 所指向的對(duì)象
• exports對(duì)象：由于 module.exports 單詞寫起來比較復(fù)雜，為了簡(jiǎn)化向外共享成員的代碼，Node 提供了 exports 對(duì)象。默認(rèn)情況下，exports 和 module.exports 指向同一個(gè)對(duì)象

注意：使用 require() 方法導(dǎo)入模塊時(shí)，導(dǎo)入的結(jié)果，永遠(yuǎn)以 module.exports 指向的對(duì)象為準(zhǔn)
換句話說最終共享的結(jié)果，還是以 module.exports 指向的對(duì)象為準(zhǔn)

二.案例

通過案例來理解二者的關(guān)系

案例一：

定義代碼

//文件名：01.module.exports和exports誤區(qū)
exports.name="小吳"
module.exports ={
    性別:"男",
    age:18
    
}

輸出代碼

//文件名：01-test 
//為了測(cè)試module.exports ，exports指向結(jié)果 案例二三四的輸出代碼都是此js代碼文件
const obj=require("./01.module.exports和exports誤區(qū)")
console.log(obj);

輸出結(jié)果

案例一解釋：因?yàn)槟J(rèn)情況下，exports 和 module.exports 指向同一個(gè)對(duì)象，所以開始二者都是指向一個(gè)空對(duì)象，當(dāng)export指向新對(duì)象name="小吳"后，此時(shí)二者都指向這個(gè)對(duì)象，但是執(zhí)行后面代碼則是在內(nèi)存中新開辟一個(gè)空間存儲(chǔ)新對(duì)象 {性別:“男”,age:18} ，且把這個(gè)新對(duì)象的引用交給了module.exports，則module.exports就指向新的對(duì)象，不指向之前的空對(duì)象了，而且由于最終共享的結(jié)果，以module.exports 指向的對(duì)象為準(zhǔn)，所以案例輸出如上圖所示

案例二

定義代碼

module.exports.name="小吳"
exports ={
    性別:"男",
    age:18
    
}

輸出結(jié)果

案例二解釋：同理當(dāng)module.exports指向?qū)ο髇ame="小吳"后，執(zhí)行后面代碼，，exports指向新對(duì)象{性別:“男”,age:18}，由于最終共享的結(jié)果，還是以 module.exports 指向的對(duì)象為準(zhǔn)
所以案例輸出如上圖所示

案例三

定義代碼

exports.name="小吳"
module.exports.age=18

輸出結(jié)果

案例三解釋：同理二者開始指向空對(duì)象，第一行代碼通過exports引用關(guān)系掛載了一個(gè)name屬性，第二行又通過module.exports引用關(guān)系掛載了一個(gè)屬性age 這里不存在新對(duì)象 都是掛載屬性 這些屬性都被放在了開始二者指向的空對(duì)象中，則最終兩個(gè)屬性都在此對(duì)象中，且module.exports指向這個(gè)對(duì)象，所以最終結(jié)果輸出如上圖所示

案例四

定義代碼

exports={
    性別:"男",
    name:"小吳",
    
}
module.exports=exports//把export的引用關(guān)系通過等號(hào)賦值給了module.exports
module.exports.age=18

輸出結(jié)果

案例四解釋：同理二者開始指向同一空對(duì)象，執(zhí)行代碼，在內(nèi)存中定義了一個(gè)新對(duì)象，且把新對(duì)象掛載在exports上，此時(shí)exports就不指向之前的空對(duì)象而指向新定義的對(duì)象，module.exports=exports這行代碼把export的引用關(guān)系通過等號(hào)賦值給了module.exports，則module.exports也不指向之前的空對(duì)象了，也指向新對(duì)象了，最后給module.exports指向的新對(duì)象又繼續(xù)掛載了一個(gè)age屬性，所以里面的所有屬性都被module.exports指向到的，所以最終結(jié)果輸出如圖所示

重要注意：為了防止二者指向混亂，建議不要在同一個(gè)模塊中同時(shí)使用 exports 和 module.exports

 到此這篇關(guān)于Node.js中module.exports 和exports使用誤區(qū)的文章就介紹到這了,更多相關(guān)Node.js module.exports和exports內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論