前言

采用了 Commonjs 規(guī)范，通過(guò) module.exports、require 來(lái)導(dǎo)出和導(dǎo)入模塊。模塊加載機(jī)制中，采用了延遲加載的策略。就是說(shuō)在用到的情況下，系統(tǒng)模塊才會(huì)被加載，等加載完成后會(huì)放到 binding_cache 中。

分類(lèi)（模塊類(lèi)型）

系統(tǒng)模塊

• 核心模塊（native 模塊），http、buffer、fs 等，底層調(diào)用的內(nèi)建模塊 (C/C++)；
• C/C++ 模塊（built-in 內(nèi)建模塊），供 native 模塊調(diào)用；

第三方模塊

• 第三方維護(hù)的模塊，比如 express、koa、moment.js 等；
• 本地維護(hù)的模塊（以路徑形式的文件模塊）比如 .、..、/ 開(kāi)頭的;

文件形式

• javaScript 模塊，module.js；
• json 模塊，module.json；
• C/C++ 模塊，編譯后擴(kuò)展名為 .node，module.node；

加載機(jī)制

加載步驟

經(jīng)歷 路徑分析、文件定位和編譯執(zhí)行。

加載順序

1. 系統(tǒng)緩存，一個(gè)模塊被執(zhí)行后會(huì)被緩存起來(lái)，提高再次加載速度；
2. 系統(tǒng)模塊，即原生模塊，部分核心模塊已經(jīng)被編譯成二進(jìn)制，省略了 路徑分析、文件定位，會(huì)直接被加載到了內(nèi)存中，其中系統(tǒng)模塊定義在源碼的 lib 目錄下；
3. 文件模塊，優(yōu)先加載 .、..、/ 開(kāi)頭的，會(huì)依次按照 .js、.json、.node 進(jìn)行擴(kuò)展名補(bǔ)足嘗試（文件沒(méi)有加上擴(kuò)展名），最好還是加上文件的擴(kuò)展名。
4. 目錄模塊，文件模塊加載過(guò)程中，沒(méi)有找到，但發(fā)現(xiàn)一個(gè)同樣的目錄名，就會(huì)將這個(gè)目錄當(dāng)作一個(gè)包來(lái)處理。這塊采用了 Commonjs 規(guī)范，在文件 package.json 中查找；
5. node_module 模塊，如果系統(tǒng)模塊、路徑文件模塊都找不到，Node.js 會(huì)從當(dāng)前模塊的父目錄開(kāi)始查找，直到系統(tǒng)的根目錄；

關(guān)于緩存問(wèn)題

模塊緩存后，可以通過(guò) require.cache 查看已緩存的模塊。

// 模塊文件 require.module.js
module.exports = {
  name: 'pr',
  say(){ }
}

// 引用模塊文件 require.cache.js
require('./require.module');

console.log('require.cache ----- ');
console.log(require.cache);

對(duì)象引用

1.exports 與 module.exports 關(guān)系

const exports = module.exports;

所以就不能改變 exports 的指向，可以這樣

exports.info = {
  name: 'pr',
  age: 30
}

module.exports = {
  name: 'pr',
  age: 30
}

模塊循環(huán)引用

模塊 moduleA.js 和 moduleB.js 兩個(gè)模塊互相引用，會(huì)怎樣？

// moduleA.js
console.log('模塊 moduleA');
exports.name = 'moduleA name';

age = 27;

const moduleB = require('./moduleB.js');
console.log('moduleA require moduleB =>', moduleB.name);

// moduleB.js
console.log('模塊 moduleB');
exports.name = 'moduleB name';

const moduleA = require('./moduleA.js');
console.log('moduleB require moduleA =>', moduleA.name);

• 啟動(dòng)模塊 node moduleA.js，會(huì)打印 模塊 moduleA；
• 模塊 moduleA.js 中加載 moduleB.js，打印 模塊 moduleB；
• 模塊 moduleB.js 中又加載 moduleA.js，此時(shí)模塊 moduleA.js 還沒(méi)有執(zhí)行完，返回模塊 moduleA.js 的 exports 對(duì)象給到模塊 moduleB.js；
• 模塊 moduleB.js 加載完后，其中有個(gè) moduleA.js 中掛載了全局的變量 age，所以能打印出來(lái)，最后將模塊 moduleB.js 的 exports 對(duì)象給到模塊 moduleA.js；

很有意思的是，在代碼執(zhí)行前，會(huì)用一個(gè)封裝器將執(zhí)行代碼段封裝起來(lái)

(function(exports, require, module, __filename, __dirname) {
  // something
});

本次代碼 Github

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。