node模組化之require學習

lio-mengxiang發表於2019-03-03
UI

一、require() 的基本用法

分析原始碼之前，先介紹 require 語句的內部邏輯。如果你只想瞭解 require 的用法，只看這一段就夠了。

下面的內容翻譯自《Node使用手冊》。

當 Node 遇到 require(X) 時，按下面的順序處理。

（1）如果 X 是內建模組（比如 require('http'）)
　　a. 返回該模組。
　　b. 不再繼續執行。

（2）如果 X 以 "./" 或者 "/" 或者 "../" 開頭
　　a. 根據 X 所在的父模組，確定 X 的絕對路徑。
　　b. 將 X 當成檔案，依次查詢下面檔案，只要其中有一個存在，就返回該檔案，不再繼續執行。

  • X
  • X.js
  • X.json
  • X.node

　　c. 將 X 當成目錄，依次查詢下面檔案，只要其中有一個存在，就返回該檔案，不再繼續執行。

  • X/package.json（main欄位）
  • X/index.js
  • X/index.json
  • X/index.node

（3）如果 X 不帶路徑
　　a. 根據 X 所在的父模組，確定 X 可能的安裝目錄。
　　b. 依次在每個目錄中，將 X 當成檔名或目錄名載入。

（4） 丟擲 "not found"

請看一個例子。

當前指令碼檔案 /home/ry/projects/foo.js 執行了 require('bar') ，這屬於上面的第三種情況。Node 內部執行過程如下。

首先，確定 x 的絕對路徑可能是下面這些位置，依次搜尋每一個目錄。

/home/ry/projects/node_modules/bar
/home/ry/node_modules/bar
/home/node_modules/bar
/node_modules/bar
複製程式碼

搜尋時，Node 先將 bar 當成檔名，依次嘗試載入下面這些檔案，只要有一個成功就返回。

bar
bar.js
bar.json
bar.node
複製程式碼

如果都不成功，說明 bar 可能是目錄名，於是依次嘗試載入下面這些檔案。

bar/package.json（main欄位）
bar/index.js
bar/index.json
bar/index.node
複製程式碼

如果在所有目錄中，都無法找到 bar 對應的檔案或目錄，就丟擲一個錯誤。

二、Module 建構函式

瞭解內部邏輯以後，下面就來看原始碼。

require 的原始碼在 Node 的 lib/module.js 檔案。為了便於理解，本文引用的原始碼是簡化過的，並且刪除了原作者的註釋。

function Module(id, parent) {
  this.id = id;
  this.exports = {};
  this.parent = parent;
  this.filename = null;
  this.loaded = false;
  this.children = [];
}

module.exports = Module;

var module = new Module(filename, parent);
複製程式碼

上面程式碼中，Node 定義了一個建構函式 Module，所有的模組都是 Module 的例項。可以看到，當前模組（module.js）也是 Module 的一個例項。

每個例項都有自己的屬性。下面通過一個例子，看看這些屬性的值是什麼。新建一個指令碼檔案 a.js 。

// a.js

console.log('module.id: ', module.id);
console.log('module.exports: ', module.exports);
console.log('module.parent: ', module.parent);
console.log('module.filename: ', module.filename);
console.log('module.loaded: ', module.loaded);
console.log('module.children: ', module.children);
console.log('module.paths: ', module.paths);
複製程式碼

執行這個指令碼。

$ node a.js

module.id:  .
module.exports:  {}
module.parent:  null
module.filename:  /home/ruanyf/tmp/a.js
module.loaded:  false
module.children:  []
module.paths:  [ '/home/ruanyf/tmp/node_modules',
  '/home/ruanyf/node_modules',
  '/home/node_modules',
  '/node_modules' ]
複製程式碼

可以看到，如果沒有父模組，直接呼叫當前模組，parent 屬性就是 null，id 屬性就是一個點。filename 屬性是模組的絕對路徑，path 屬性是一個陣列，包含了模組可能的位置。另外，輸出這些內容時，模組還沒有全部載入，所以 loaded 屬性為 false 。

新建另一個指令碼檔案 b.js，讓其呼叫 a.js 。

// b.js

var a = require('./a.js');
複製程式碼

執行 b.js 。

$ node b.js

module.id:  /home/ruanyf/tmp/a.js
module.exports:  {}
module.parent:  { object }
module.filename:  /home/ruanyf/tmp/a.js
module.loaded:  false
module.children:  []
module.paths:  [ '/home/ruanyf/tmp/node_modules',
  '/home/ruanyf/node_modules',
  '/home/node_modules',
  '/node_modules' ]
複製程式碼

上面程式碼中，由於 a.js 被 b.js 呼叫，所以 parent 屬性指向 b.js 模組，id 屬性和 filename 屬性一致，都是模組的絕對路徑。

三、模組例項的 require 方法

每個模組例項都有一個 require 方法。

Module.prototype.require = function(path) {
  return Module._load(path, this);
};
複製程式碼

由此可知，require 並不是全域性性命令，而是每個模組提供的一個內部方法，也就是說，只有在模組內部才能使用 require 命令（唯一的例外是 REPL 環境）。另外，require 其實內部呼叫 Module._load 方法。

下面來看 Module._load 的原始碼。

Module._load = function(request, parent, isMain) {

  //  計算絕對路徑
  var filename = Module._resolveFilename(request, parent);

  //  第一步：如果有快取，取出快取
  var cachedModule = Module._cache[filename];
  if (cachedModule) {
    return cachedModule.exports;

  // 第二步：是否為內建模組
  if (NativeModule.exists(filename)) {
    return NativeModule.require(filename);
  }

  // 第三步：生成模組例項，存入快取
  var module = new Module(filename, parent);
  Module._cache[filename] = module;

  // 第四步：載入模組
  try {
    module.load(filename);
    hadException = false;
  } finally {
    if (hadException) {
      delete Module._cache[filename];
    }
  }

  // 第五步：輸出模組的exports屬性
  return module.exports;
};
複製程式碼

上面程式碼中，首先解析出模組的絕對路徑（filename），以它作為模組的識別符。然後，如果模組已經在快取中，就從快取取出；如果不在快取中，就載入模組。

因此，Module._load 的關鍵步驟是兩個。

  • Module._resolveFilename() ：確定模組的絕對路徑
  • module.load()：載入模組

四、模組的絕對路徑

下面是 Module._resolveFilename 方法的原始碼。

Module._resolveFilename = function(request, parent) {

  // 第一步：如果是內建模組，不含路徑返回
  if (NativeModule.exists(request)) {
    return request;
  }

  // 第二步：確定所有可能的路徑
  var resolvedModule = Module._resolveLookupPaths(request, parent);
  var id = resolvedModule[0];
  var paths = resolvedModule[1];

  // 第三步：確定哪一個路徑為真
  var filename = Module._findPath(request, paths);
  if (!filename) {
    var err = new Error("Cannot find module '" + request + "'");
    err.code = 'MODULE_NOT_FOUND';
    throw err;
  }
  return filename;
};
複製程式碼

上面程式碼中，在 Module.

resolveFilename 方法內部，又呼叫了兩個方法 Module.
resolveLookupPaths() 和 Module._findPath() ，前者用來列出可能的路徑，後者用來確認哪一個路徑為真。

為了簡潔起見，這裡只給出 Module._resolveLookupPaths() 的執行結果。

[   '/home/ruanyf/tmp/node_modules',
    '/home/ruanyf/node_modules',
    '/home/node_modules',
    '/node_modules' 
    '/home/ruanyf/.node_modules',
    '/home/ruanyf/.node_libraries'，
     '$Prefix/lib/node' ]
複製程式碼

上面的陣列，就是模組所有可能的路徑。基本上是，從當前路徑開始一級級向上尋找 node_modules 子目錄。最後那三個路徑，主要是為了歷史原因保持相容，實際上已經很少用了。

有了可能的路徑以後，下面就是 Module._findPath() 的原始碼，用來確定到底哪一個是正確路徑。

Module._findPath = function(request, paths) {

  // 列出所有可能的字尾名：.js，.json, .node
  var exts = Object.keys(Module._extensions);

  // 如果是絕對路徑，就不再搜尋
  if (request.charAt(0) === '/') {
    paths = [''];
  }

  // 是否有字尾的目錄斜槓
  var trailingSlash = (request.slice(-1) === '/');

  // 第一步：如果當前路徑已在快取中，就直接返回快取
  var cacheKey = JSON.stringify({request: request, paths: paths});
  if (Module._pathCache[cacheKey]) {
    return Module._pathCache[cacheKey];
  }

  // 第二步：依次遍歷所有路徑
  for (var i = 0, PL = paths.length; i < PL; i++) {
    var basePath = path.resolve(paths[i], request);
    var filename;

    if (!trailingSlash) {
      // 第三步：是否存在該模組檔案
      filename = tryFile(basePath);

      if (!filename && !trailingSlash) {
        // 第四步：該模組檔案加上字尾名，是否存在
        filename = tryExtensions(basePath, exts);
      }
    }

    // 第五步：目錄中是否存在 package.json 
    if (!filename) {
      filename = tryPackage(basePath, exts);
    }

    if (!filename) {
      // 第六步：是否存在目錄名 + index + 字尾名 
      filename = tryExtensions(path.resolve(basePath, 'index'), exts);
    }

    // 第七步：將找到的檔案路徑存入返回快取，然後返回
    if (filename) {
      Module._pathCache[cacheKey] = filename;
      return filename;
    }
  }

  // 第八步：沒有找到檔案，返回false 
  return false;
};
複製程式碼

經過上面程式碼，就可以找到模組的絕對路徑了。

有時在專案程式碼中，需要呼叫模組的絕對路徑，那麼除了 module.filename ，Node 還提供一個 require.resolve 方法，供外部呼叫，用於從模組名取到絕對路徑。

require.resolve = function(request) {
  return Module._resolveFilename(request, self);
};

// 用法
require.resolve('a.js')
// 返回 /home/ruanyf/tmp/a.js
複製程式碼

五、載入模組

有了模組的絕對路徑，就可以載入該模組了。下面是 module.load 方法的原始碼。

Module.prototype.load = function(filename) {
  var extension = path.extname(filename) || '.js';
  if (!Module._extensions[extension]) extension = '.js';
  Module._extensions[extension](this, filename);
  this.loaded = true;
};
複製程式碼

上面程式碼中，首先確定模組的字尾名，不同的字尾名對應不同的載入方法。下面是 .js 和 .json 字尾名對應的處理方法。

Module._extensions['.js'] = function(module, filename) {
  var content = fs.readFileSync(filename, 'utf8');
  module._compile(stripBOM(content), filename);
};

Module._extensions['.json'] = function(module, filename) {
  var content = fs.readFileSync(filename, 'utf8');
  try {
    module.exports = JSON.parse(stripBOM(content));
  } catch (err) {
    err.message = filename + ': ' + err.message;
    throw err;
  }
};
複製程式碼

這裡只討論 js 檔案的載入。首先，將模組檔案讀取成字串，然後剝離 utf8 編碼特有的BOM檔案頭，最後編譯該模組。

module._compile 方法用於模組的編譯。

Module.prototype._compile = function(content, filename) {
  var self = this;
  var args = [self.exports, require, self, filename, dirname];
  return compiledWrapper.apply(self.exports, args);
};
複製程式碼

上面的程式碼基本等同於下面的形式。

(function (exports, require, module, __filename, __dirname) {
  // 模組原始碼
});
複製程式碼

也就是說，模組的載入實質上就是，注入exports、require、module三個全域性變數，然後執行模組的原始碼，然後將模組的 exports 變數的值輸出。

轉載阮一峰老師的部落格


相關文章