实现commonjs的原理

本文接上一篇博客……

策略模式

在策略模式（Strategy Pattern）中，一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。

在策略模式中，我们创建表示各种策略的对象和一个行为随着策略对象改变而改变的 context 对象。策略对象改变 context 对象的执行算法。

commonjs原理

const path = require('path');
const fs = require('fs');
const vm = require('vm');

function Module(id) {
  this.id = id;
  this.exports = {};
}

Module.resolveFilename = function (id) {
  let filepath = path.resolve(__dirname, id); // 得到导入文件的绝对路径
  if (fs.existsSync(filepath)) return filepath;  // 如果找到了这个文件，就直接返回文件名
  // 如果没有找到这个文件，可能没写扩展名
  let exts = Object.keys(Module.extensions);  // 获取所有的扩展名
  for (let i = 0; i < exts.length; i++) {
    let p = filepath + exts[i];
    if (fs.existsSync(p)) return p;  // 如果添加了扩展名之后，找到了这个文件，就把文件名返回出去
  }
  throw new Error("模块不存在"); // 添加了扩展名也没有找到这个文件，说明文件名不存在
}
Module.extensions = {
  '.js'(module) {
    let source = fs.readFileSync(module.id);  // js文件中的源代码，是一个字符串
    let wrapper = ['(function(exports, module, require, __dirname, __filename){', '})'];  // 这个数据用于字符串拼接
    const script = wrapper[0] + source + wrapper[1];
    let fn = vm.runInThisContext(script); // 用于将字符串转成函数
    let exports = module.exports; // 目前是一个空对象，等着用户传值
    let filename = module.id;
    let dirname = path.dirname(filename);

    // 执行此函数，要求用户自动给module.exports赋值（commonjs规范）
    // 此函数执行的时候，this发生了变化
    fn.call(exports, exports, module, myRequire, dirname, filename);
  },
  '.json'(module) {
    // 如果是JSON文件，则不用在文件外部包一层函数，直接拿到即可
    let content = fs.readFileSync(module.id);
    module.exports = JSON.parse(content);
  }
}
Module.cache = {};
Module.prototype.load = function () {
  let extension = path.extname(this.id);  // 拿到文件的扩展名
  Module.extensions[extension](this); // 采用策略模式，根据不同的扩展名执行不同的操作，将当前实例模块传进去
}

function myRequire(id) {
  // 将路径变成绝对路径进行操作，可能id没有后缀名，需要依次尝试追加后缀
  let filepath = Module.resolveFilename(id);  // 根据相对路径获取一个绝对路径
  if(Module.cache[filepath]){   // 如果缓存中有，则直接使用上一次的缓存结果
    return Module.cache[filepath].exports;
  }
  let module = new Module(filepath);
  Module.cache[filepath] = module;  // 将模块进行缓存
  module.load();  // 加载模块
  return module.exports;  // 最终返回的是module.exports
}

const r = myRequire("./a.js");
console.log(r);