您好,登錄后才能下訂單哦!
這篇“node模塊化是什么”文章的知識點大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“node模塊化是什么”文章吧。
模塊化是指
解決一個復(fù)雜問題時,自頂向下逐層把系統(tǒng)劃分成若干模塊的過程
。對于整個系統(tǒng)來說,模塊是可組合、分解和更換的單元。
在上方的定義中未免有一些晦澀難懂,簡單的給大家舉個例子:我們小時候玩的小霸王游戲機,當(dāng)我們玩煩了一款游戲的時候,我們不可能直接更換一個游戲機呀,我們可以通過更換游戲帶從而體驗各種不同的游戲。這種形式就是模塊化,把游戲分化成一個個小模塊,當(dāng)我們需要它的時候拿過來插入使用即可!
在我們的編程中的模塊化,其實就是遵循固定的規(guī)則
,把一個大文件拆分成為一個個獨立并且相互依賴
的多個小模塊
代碼進行模塊拆分的好處:
提高了代碼的
復(fù)用性
提高了代碼的
可維護性
可以實現(xiàn)
按需加載
(這個真的是嘎嘎好用!)
模塊化規(guī)范就是
對代碼進行模塊化的拆分與組合時,需要遵守的那些規(guī)則。
例如:
1. 使用什么樣的語法格式來引用模塊
2. 在模塊中使用什么樣的語法格式向外暴露成員
模塊化規(guī)范的好處:大家都遵守同樣的模塊化規(guī)范寫代碼,降低了溝通的成本,極大方便了各個模塊之間的相互調(diào)用,利人利己。
Node.js 中根據(jù)模塊來源的不同,將模塊分為了 3 大類,分別是:
1. 內(nèi)置模塊
(內(nèi)置模塊是由 Node.js 官方提供的,例如 fs、path、http 等)
2. 自定義模塊
(用戶創(chuàng)建的每個 .js 文件,都是自定義模塊)
3. 第三方模塊
(由第三方開發(fā)出來的模塊,并非官方提供的內(nèi)置模塊,也不是用戶創(chuàng)建的自定義模塊,使用前需要先下載)
我們在以上文章中已經(jīng)學(xué)了常用的內(nèi)置模塊,剩下的兩個模塊相對來說沒有什么特點,比較的依賴于開發(fā)者的需求!
加載模塊
使用強大的
require()
方法,可以加載需要的內(nèi)置模塊、用戶自定義模塊、第三方模塊
進行使用.注意:
使用 require() 方法加載其它模塊時,會執(zhí)行被加載模塊中的代碼
。
什么是模塊作用域
和函數(shù)作用域類似,在自定義模塊中定義的變量、方法等成員,只能在當(dāng)前模塊內(nèi)被訪問
,這種模塊級別的訪問限制,叫做模塊作用域。
代碼示例:
//在模塊作用域中定義常量 nameconst name = 'qianmo'//在模塊作用域中定義函數(shù)sing()function sing() {
console.log(`大家好,我是${name}`);}
//在測試js文件中加載模塊const a = require('./08.模塊作用域')console.log(a); // {}
在上述代碼中,我們在模塊作用域中定義了常量和方法,但是在測試的js文件中加載模塊后去打印,我們發(fā)現(xiàn)打印出來的是
空對象
。這是因為模塊作用域中的屬性和方法是私有成員,我們在加載模塊的時候無法訪問到!
模塊作用域的好處
模塊作用域的好處其實就只有一個:防止全局變量污染的問題
在上述代碼中,我們引入了兩個js文件,在js文件中都同時定義了變量a
,我們打印a之后,發(fā)現(xiàn)打印出來的是zs
,在這里我們就可以發(fā)現(xiàn)一個問題,2.js
文件覆蓋了1.js
,這就反應(yīng)出來了一個問題,當(dāng)我們定義全局變量的時候容易造成變量污染,node的模塊化可以很好的幫助我們解決這個問題!
module對象
在每個 .js 自定義模塊中都有一個 module 對象,
它里面存儲了和當(dāng)前模塊有關(guān)的信息
我們打印一下module,console.log(module)
:
module.exports對象
在自定義模塊中,可以使用
module.exports
對象,將模塊內(nèi)的成員共享出去,供外界使用
。
外界用require()
方法導(dǎo)入自定義模塊時,得到的就是 module.exports 所指向的對象
。
代碼示例:
// 在默認(rèn)情況下 module.exports = {}const age = 20//向 module.exports 對象上掛載 name 屬性module.exports.name = '正式'//向 module.exports 對象上掛載 sing 方法module.exports.sing = function() {
console.log('hello');}module.exports.age = age//讓 module.exports 指向一個全新的對象module.exports = {
username : 'qianmo',
hi() {
console.log('你好啊!');
}}
// 在外界使用require 導(dǎo)入一個自定義模塊的時候 得到的成員。// 就是 那個模塊中,通過 module.exports 指向的那個對象const m1 = require('./11.自定義模塊')console.log(m1); // { username: 'qianmo', hi: [Function: hi] }
在測試js文件中,我們打印了引入的模塊,發(fā)現(xiàn)打印出來了
module.exports最后指定的對象
注意:使用 require() 方法導(dǎo)入模塊時,導(dǎo)入的結(jié)果,永遠以 module.exports 指向的對象為準(zhǔn)。
exports對象
由于 module.exports 單詞寫起來比較復(fù)雜,
為了簡化向外共享成員的代碼,Node 提供了 exports 對象
。默認(rèn)情況下,exports 和 module.exports 指向同一個對象
。最終共享的結(jié)果,還是以 module.exports 指向的對象為準(zhǔn)
。
代碼示例:
console.log(exports); // {}console.log(module.exports); // {}console.log(exports === module.exports); // true
在我們進行對exports對象解析之前,我們需要確定一下exports
與module.exports
是不是指向的是一個對象,我們可以看出,最后打印出了true
,說明exports
與module.exports
指向的是一個對象!
const username = 'zs'exports.username = username
exports.age = 20exports.sayHello = function() {
console.log('大家好!');}//最終向外共享的結(jié)果,永遠是 module.exports 所指向的對象
const m = require('./13.exports對象')console.log(m); //{ username: 'zs', age: 20, sayHello: [Function (anonymous)] }
在上述的代碼中,我們在私有模塊中定義了屬性和方法,我們通過
exports
將屬性和方法導(dǎo)出,在測試文件中引入,我們會發(fā)現(xiàn),測試文件中打印出了屬性和方法。
exports 和 module.exports 的使用誤區(qū)
時刻謹(jǐn)記,使用
require()
引入模塊時,得到的永遠是module.exports 指向的對象
:
在第一個圖中,module.exports指向一個新對象,所以在測試文件中,只會打印出來{gender:'男',age:22}
在第二個圖中,雖然exports指向了一個新對象,但是我們知道我們只會打印出來module.exports
指向的對象,所以我們只能打印出來一個屬性{username : 'zs'}
在第三個圖中,exports和module.exports
都沒有指定一個新對象,我們還知道,在默認(rèn)情況下exports和module.exports指向的是一個對象
,所以最終打印出來{username : 'zs',gender:'男'}
在第四個圖中,exports指向了一個新對象,但是最終這個對象又賦值給了module.exports
,所以,最后打印出了{username:'zs',gender:'男',age:22}
注意 : 不要在一個文件中同時使用
exports
和module.exports
,防止混淆
Node.js 遵循了
CommonJS 模塊化規(guī)范
,CommonJS 規(guī)定了模塊的特性
和各模塊之間如何相互依賴
。
CommonJS 規(guī)定:
① 每個模塊內(nèi)部,module 變量代表當(dāng)前模塊
。
② module 變量是一個對象,它的 exports 屬性(即 module.exports)是對外的接口
。
③ 加載某個模塊,其實是加載該模塊的 module.exports 屬性
。require() 方法用于加載模塊。
以上就是關(guān)于“node模塊化是什么”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。