前言

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

分類（模塊類型）

系統(tǒng)模塊

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

第三方模塊

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

文件形式

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

加載機制

加載步驟

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

加載順序

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

關(guān)于緩存問題

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

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

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

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

對象引用

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 兩個模塊互相引用，會怎樣？

// 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);

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

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

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

本次代碼 Github

總結(jié)

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

最新評論