Node.js 模塊的加載邏輯你瞭解嘛
一、按照組織方式劃分模塊
文件模塊:是我們上一章節說過的,就是一個獨立的.js文件。
目錄模塊:是我們可以將多個獨立的.js文件統一存放在一個目錄下,也就是放到一個文件夾中。
二、目錄模塊的加載邏輯
三、模塊的加載邏輯
註:package.json 是目錄模塊的描述文件
不以路徑導入的模塊,會一直尋找node_moudules,一層層尋找。尋找不到就報錯。
四、示例1
在dir01目錄下新建3個js文件,分別是a.js、b.js、c.js。三個文件當中呢,函數名都是info,輸出的內容呢是對應的文件名稱。
a.js文件
b.js文件
c.js文件
app.js文件
運行結果(以路徑開頭引入)
報錯:不能查找到該路徑這個模塊。原因:我們該目錄下有三個js文件,而它不知道你要調用哪個文件,所以會報錯。解決方法:將目錄模塊進行調用文件指定。
我們通過,加入index.js文件後,發現不報錯瞭,輸出瞭index.js,這就說明我們指定的調用文件成功瞭,那麼由此可以看出,我們默認調用的是index.js文件。 如果沒有該文件將報錯,那麼我們如何更改成調用其他三個文件呢?
將默認調用的index.js刪除,我們新建一個package.json文件,然後使用"main"屬性指定一個模塊的文件名字就可以啦。註:這裡輸出的undefined是我們function沒有寫return語句,默認返回的是undefined。
我們在三個文件模塊中,任意拿出一個,比如說a.js,我們可以再a.js文件中引入其他兩個文件模塊,並打印,可以看到如上圖的結果。
不以路徑開頭引入
就是require引入的時候,是直接寫一個目錄文件夾的名字,而不是路徑,那麼我們需要把這個文件夾放在node_modules目錄下,否則會報錯,我們執行的時候會查找這個名字的目錄。
如下是示例可復制代碼
a.js
//導入模塊b,c const b = require(__dirname+'/b.js') const c = require(__dirname+'/c.js') function info () { console.log(b.info()); console.log(c.info()); console.log('a.js'); } // 導出 module.exports = { info }
b.js
function info () { console.log('b.js'); } // 導出 module.exports = { info }
c.js
function info () { console.log('c.js'); } // 導出 module.exports = { info }
app.js
//引入目錄模塊 //默認的目錄模塊的入口文件是 index.js // const dir01 = require('./custom_module/dir01') // console.log(dir01.info()); //不以路徑開頭的引入方式 const dir02 = require('dir02') console.log(dir02.info());
package.json
{ "main":"a.js" }
node_moudules目錄下的dir02目錄下的index.js文件
路徑:node_moudules/dir02/index.js
function info () { console.log('dir02'); } // 導出 module.exports = { info }
總結
本篇文章就到這裡瞭,希望能夠給你帶來幫助,也希望您能夠多多關註WalkonNet的更多內容!