您好,登錄后才能下訂單哦!
本篇文章給大家分享的是有關(guān)簡(jiǎn)單理解nodejs模塊的使用,小編覺(jué)得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說(shuō),跟著小編一起來(lái)看看吧。
本質(zhì)
module.exports 用于暴露一個(gè)值,這個(gè)值默認(rèn)是對(duì)象,也可以覆蓋為原始值。
嘗試在一個(gè)文件中直接 log 出 module 的值,可以得到:
{ id: '.', exports: {}, // 默認(rèn)空對(duì)象 parent: null, filename: '/Users/a10.12/webpack-learning/src/module.js', loaded: false, children: [], paths: [ '...' ] }
你需要通過(guò)修改 module 的 exports 屬性來(lái)輸出你需要輸出的東西,而 require 用于導(dǎo)入一個(gè)模塊,module.exports 的值是什么,require 拿到的就是什么。
使用
例如有 module.js
module.exports = { s: 2, }
在 index.js 中引入
let v = require('./module.js') console.log(v) // 輸出為 { s: 2 }
原始值的情況也一樣
module.exports = 2 let v = require('./module.js') console.log(v) // 輸出為 2
因?yàn)?module.exports 默認(rèn)是個(gè)對(duì)象,在輸出對(duì)象的時(shí)候自然有這么一種寫(xiě)法:
module.exports.s = 2
這樣 require 得到的也是{ s: 2 }。
簡(jiǎn)寫(xiě)
大概是大佬們覺(jué)得 module.exports 寫(xiě)起來(lái)太長(zhǎng),于是把 exports 引用到了 module.exports,所以檢查這兩個(gè)東西是否相等時(shí),返回 true:
console.log(exports === module.exports) // true
有了這個(gè)特性,在導(dǎo)出對(duì)象時(shí)能很方便地這么寫(xiě):
exports.s = 2 let v = require('./module.js') console.log(v) // 輸出為 2
但是你卻不能這么寫(xiě):
// 這樣 exports = 2 // 或這樣 exports = { s: 2, } // 都是不可以的 let v = require('./module.js') console.log(v) // 輸出為 {}
原因正如上面所說(shuō),exports 本來(lái)就只是一個(gè)對(duì) module.exports 的引用,你可以對(duì)這個(gè)引用的對(duì)象添加屬性,但是一旦用上面兩種方法覆蓋了 exports 對(duì) module.exports 的引用,exports 就等于無(wú)效了。
最后提醒,如果前面說(shuō)的看不懂,可能需要加深對(duì) ECMAScript 引用值和原始值的理解...
以上就是簡(jiǎn)單理解nodejs模塊的使用,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。