exports與module.exports的區別
阿新 • • 發佈:2018-05-18
構造方法 什麽 erro 學習 自己的 我只 屬性和方法 現在 內置
nodejs有自己的模塊系統,分為文件模塊和內置模塊。webpack是運行在node環境中,在學習vue-cli的webpack配置的時候,
發現有的文件模塊:
exports.fun1=function(param){ // }
exports.fun2=function(param){ // },
比如utils.js文件。。。
而有的文件模塊:
module.exports = { // }
他們有什麽區別呢?我只是自己的理解與資料總結,會一直更新與更改:
- 1.每個
js
文件一創建,都有一個var exports = module.exports = {};
,使exports
和module.exports
- 2.
module
是全局內置對象,exports
是被var
創建的局部對象。 - 3.
module.exports
和exports
所指向的內存地址相同
- 1.
module.exports
像是exports
的大哥,當module.exports
以{}
整體導出時會覆蓋exports
的屬性和方法, - 2.註意,若只是將屬性/方法掛載在
module.exports.
/exports.
上時,exports.id=1
和module.exports.id=100
,module.exports.id=function(){}
和exports.id=function(){}
,最後id的值取決於exports.id
module.exports.id
的順序,誰在後,就是最後的值
- 3.若
exports
和module.exports
同時賦值時,exports
所使用的屬性和方法必須出現在module.exports
,若屬性沒有在module.exports
中定義的話,出現undefined
,若方法沒有在module.exports
中定義,會拋出TypeError
錯誤。RHS查詢
總之:如果只是單一屬性或方法的話,就使用exports.屬性/方法
。要是導出多個屬性或方法或使用對象構造方法
,結合prototype
等,就建議使用module.exports = {}
。
exports與module.exports的區別