CommonJS模块加载机制详解：深入理解require函数与递归调用-js教程-PHP中文网

CommonJS模块加载机制详解：深入理解require函数与递归调用

花韻仙語

发布： 2025-09-25 18:49:01

原创

821人浏览过

commonjs模块加载机制详解：深入理解require函数与递归调用

本文旨在深入解析CommonJS模块加载机制，特别是require函数的工作原理。通过模拟require函数的实现，我们详细探讨了模块的缓存机制、wrapper函数的构建与执行，以及require函数如何通过递归调用来处理模块间的依赖关系。理解这些机制对于编写可维护、可扩展的Node.js应用程序至关重要。

CommonJS模块加载机制

CommonJS是一种模块化规范，广泛应用于Node.js环境中。其核心在于require函数，用于加载和使用其他模块。理解require的运作方式是掌握Node.js模块化编程的关键。

模拟require函数的实现

以下代码模拟了require函数的基本实现，展示了其核心逻辑：

require.cache = Object.create(null);

function require(name) {
  if (!(name in require.cache)) {
    let code = readFile(name); // 假设readFile函数负责读取文件内容
    let module = { exports: {} };
    require.cache[name] = module;
    let wrapper = Function("require, exports, module", code);
    wrapper(require, module.exports, module);
  }
  return require.cache[name].exports;
}

登录后复制

这段代码的核心在于：

模块缓存 (require.cache): require.cache是一个对象，用于存储已经加载过的模块。当require函数被调用时，它首先检查模块是否已存在于缓存中。如果存在，则直接返回缓存中的模块，避免重复加载。
读取模块代码 (readFile): readFile函数负责读取模块文件的内容。具体的实现方式取决于运行环境（例如Node.js或浏览器）。
创建模块对象 (module): 对于每个新加载的模块，都会创建一个module对象，其中包含一个exports属性，用于暴露模块的功能。
函数包装 (wrapper): 这是require函数中最关键的部分。它使用Function构造函数创建一个新的函数，该函数接收require、exports和module作为参数。模块的代码被包裹在这个函数中。
执行包装函数 (wrapper(require, module.exports, module)): 通过调用包装函数，将require、module.exports和module传递给模块代码。这样，模块代码就可以使用require加载其他模块，并使用module.exports暴露自己的功能。

递归调用与依赖关系

require函数的一个重要特性是支持递归调用。这意味着在一个模块中，可以通过require加载其他模块，而被加载的模块又可以继续加载其他模块，从而形成模块之间的依赖关系。

为了更好地理解递归调用，我们考虑以下示例：

square.js:

文心大模型

百度飞桨-文心大模型 ERNIE 3.0 文本理解与创作

查看详情

// square.js
const square = function (n) {
  return n * n;
}

module.exports = square;

登录后复制

squareAll.js:

// squareAll.js
const square = require('./square');

const squareAll = function (ns) {
  return ns.map(n => square(n));
}

module.exports = squareAll;

登录后复制

index.js:

// index.js
const squareAll = require('./squareAll');

console.log(squareAll([1, 2, 3, 4, 5]));

登录后复制

当执行index.js时，首先会调用require('./squareAll')。在require函数内部，会读取squareAll.js的代码，并创建一个包装函数：

const wrapper = function (require, exports, module) {
  const square = require('./square');

  const squareAll = function (ns) {
    return ns.map(n => square(n));
  }

  module.exports = squareAll;
}

登录后复制

在执行这个包装函数时，会遇到const square = require('./square')，这会再次调用require函数，加载square.js模块。这个过程就是递归调用。

当square.js模块加载完成后，会返回square函数，并将其赋值给squareAll.js中的square变量。然后，squareAll.js会定义squareAll函数，并将其赋值给module.exports。最后，require('./squareAll')返回squareAll函数，并将其赋值给index.js中的squareAll变量。