快捷導(dǎo)航

module.exports和exports使用誤區(qū)案例分析

更新時間：2023年04月03日 09:53:03 作者：?Aurora.

module.exports和exports使用誤區(qū),使用require()模塊時，得到的永遠(yuǎn)都是module.exports指向的對象

module.exports和exports使用誤區(qū)

使用require()模塊時，得到的永遠(yuǎn)都是module.exports指向的對象

1.誤區(qū)一

exports.username = 'zs'
exports.sayHello = function() {
    console.log('Hello!');
}

module.exports = {
    gender: '男',
    age: 20
}

在這里插入圖片描述

因?yàn)槟J(rèn)情況下，exports 和 module.exports 指向同一個對象，二者開始都是指向一個空對象，當(dāng)export指向新對象username="zs"后，此時二者都指向這個對象，但是執(zhí)行后面代碼則是在內(nèi)存中新開辟一個空間存儲新對象 {gender:“男”,age:20} ，且把這個新對象的引用交給了module.exports，則module.exports就指向新的對象，不指向之前的對象了
所以這時候，如果使用require()模塊，得到的就是module.exports此時指向的對象

注意：此處的module.exports已經(jīng)被重新定義！require()得到的是重新定義之后的導(dǎo)出對象！

2.誤區(qū)二

module.exports.username = 'zs'

exports = {
    gender:'男',
    age:22
}

在這里插入圖片描述

exports 和 module.exports 開始指向一個空對象，當(dāng)module.export指向新對象username="zs"后，此時二者都指向這個對象，但是執(zhí)行后面代碼則是在內(nèi)存中新開辟一個空間存儲新對象 {gender:“男”,age:20} ，且把這個新對象的引用交給了exports，但是module.exports指向?qū)ο?沒有變，還是指向之前的對象
所以使用require()模塊時，module.exports指向的對象還是原來的對象

注意：優(yōu)先級還是module.exports的最高?。equire()優(yōu)先引用的還是module.exports所導(dǎo)出的對象！

3.誤區(qū)三

exports.username = 'zs'

module.exports.gender = '男'

在這里插入圖片描述

二者開始指向空對象，第一行代碼通過exports引用關(guān)系掛載了一個name屬性，第二行又通過module.exports引用關(guān)系掛載了一個屬性age 這里不存在新對象都是掛載屬性這些屬性都被放在了開始二者指向的對象中，最終兩個屬性都在此對象中
此時使用require()模塊時，module.exports指向的對象沒有變，但是此時指向?qū)ο笊嫌袃蓚€屬性

注意：這里的module.exports.gender = '男' 是在module.exports導(dǎo)出對象的基礎(chǔ)上再次增加的屬性，module.exports所指向的地址并沒有改變！

4.誤區(qū)四

exports = {
    uesrname: 'zs',
    gender: '男'
}

module.exports = exports
module.exports.age = 22

在這里插入圖片描述

同理二者開始指向同一空對象，執(zhí)行代碼，在內(nèi)存中定義了一個新對象，且把新對象掛載在exports上，此時exports就不指向之前的空對象而指向新定義的對象，module.exports=exports這行代碼把export的引用關(guān)系通過等號賦值給了module.exports，則module.exports也不指向之前的空對象了，也指向新對象了，最后給module.exports指向的新對象又繼續(xù)掛載了一個age屬性
此時使用require()模塊時，module.exports指向的對象沒有變，但是此時指向?qū)ο笊嫌袃蓚€屬性