不要再把 __dirname、__filename 当全局变量了!

__dirname、__filename 到底是不是全局变量?

node.js 官网给出的答案:不是!

模块作用域

__dirname、__filename 其实是模块作用域

  • __dirname:是当前模块的目录名
  • __filename:是当前模块的文件名
  • exports:对module.exports 的引用,关于 exports 和 module.exports 此篇
  • module:对当前模块的引用
  • require:用于导入模块、JSON 和本地文件
javascript 复制代码
// test.js 位于 E:\projects\node\node-demo目录下,在当前目录执行 node test.js
console.log("__dirname", __dirname);
console.log("__filename", __filename);
console.log("exports", exports);
console.log("module", module);
console.log("require", require);

打印结果如下:

为什么可以直接取到 __dirname、__filename ?

既然 __dirname、__filename 不是全局变量,那它们哪来的?为什么可以直接取到?

来,上源码

javascript 复制代码
// node\lib\internal\modules\cjs\loader.js
Module.prototype._compile = function(content, filename) {
  ......
  const compiledWrapper = wrapSafe(filename, content, this);
  ......
};

let wrap = function(script) { // eslint-disable-line func-style
  return Module.wrapper[0] + script + Module.wrapper[1];
};

const wrapper = [
  '(function (exports, require, module, __filename, __dirname) { ',
  '\n});',
];

function wrapSafe(filename, content, cjsModuleInstance, codeCache) {
  ......
  if (patched) {
    const wrapped = Module.wrap(content);
    const script = makeContextifyScript(
      wrapped,                 // code
      filename,                // filename
      0,                       // lineOffset
      0,                       // columnOffset
      undefined,               // cachedData
      false,                   // produceCachedData
      undefined,               // parsingContext
      hostDefinedOptionId,     // hostDefinedOptionId
      importModuleDynamically, // importModuleDynamically
    );
    ......
    return runScriptInThisContext(script, true, false);
  }

  const params = [ 'exports', 'require', 'module', '__filename', '__dirname' ];
  try {
    const result = internalCompileFunction(
      content,                           // code,
      filename,                          // filename
      0,                                 // lineOffset
      0,                                 // columnOffset,
      codeCache,                         // cachedData
      false,                             // produceCachedData
      undefined,                         // parsingContext
      undefined,                         // contextExtensions
      params,                            // params
      hostDefinedOptionId,               // hostDefinedOptionId
      importModuleDynamically,           // importModuleDynamically
    );
    ......
    return result.function;
  } catch (err) {
    ......
  }
}

重点就是 wrapSafe()、wrap()、wrapper

编译时,_compile 调用 wrapSafe ,wrapSafe 这个函数将 content 包装在一个脚本(wrapper)中,并在新的上下文中运行它,这个 content 就是我们写的 js 文件中的内容

比如 app.js 中有代码 console.log(__dirname);

当执行 node app.js,开始编译这个文件,wrapSafe 函数会将这个 js 文件中的所有内容先拼接成 '(function (exports, require, module, __filename, __dirname) { console.log(__dirname); \n});' 这样一个字符串(即调用 Module.wrap(content)),再将它转化为一个可执行脚本(即调用 makeContextifyScript),然后在当前上下文中执行(即调用 runScriptInThisContext)

由源码可以看到,exports, require, module, __filename, __dirname 就是 wrapSafe 这个函数的参数,我们的代码其实就是在这个函数中运行,所以可以直接取到它们的值

相关推荐
wyzqhhhh3 小时前
组件库打包工具选型(npm/pnpm/yarn)的区别和技术考量
前端·npm·node.js
csdn_aspnet5 小时前
使用nvm管理node多版本(安装、卸载nvm,配置环境变量,更换npm淘宝镜像)
npm·node.js
Juchecar6 小时前
AI教你常识之 ESM + Express + EJS + 表单POST + CSV文件
node.js
xiaopengbc7 小时前
在Webpack中,如何在不同环境中使用不同的API地址?
前端·webpack·node.js
Gogo8167 小时前
java与node.js对比
java·node.js
王蛋1117 小时前
前端工作问题或知识记录
前端·npm·node.js
Swift社区9 小时前
为什么 socket.io 客户端在浏览器能连上,但在 Node.js 中报错 transport close?
javascript·node.js
萌萌哒草头将军14 小时前
Node.js v24.8.0 新功能预览!🚀🚀🚀
前端·javascript·node.js
Adorable老犀牛14 小时前
可遇不可求的自动化运维工具 | 2 | 实施阶段一:基础准备
运维·git·vscode·python·node.js·自动化
若无_14 小时前
npm 与 pnpm 深度对比:从依赖管理到实际选型
npm·node.js