不要再把 __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 这个函数的参数,我们的代码其实就是在这个函数中运行,所以可以直接取到它们的值

相关推荐
小杨升级打怪中3 小时前
前端面经-webpack篇--定义、配置、构建流程、 Loader、Tree Shaking、懒加载与预加载、代码分割、 Plugin 机制
前端·webpack·node.js
程序员拂雨10 小时前
Node.js中的URL模块
node.js
欧先生^_^21 小时前
Node.js 源码架构详解
架构·node.js
沐土Arvin1 天前
从零开始认识 Node.js:异步非阻塞的魅力
node.js
TE-茶叶蛋1 天前
Node.js中的洋葱模型
node.js
Q_Q19632884751 天前
python的漫画网站管理系统
开发语言·spring boot·python·django·flask·node.js·php
outstanding木槿1 天前
react中安装依赖时的问题 【集合】
前端·javascript·react.js·node.js
张耘华1 天前
nosqlbooster pojie NoSQLBooster for MongoDB
node.js
Chris馒头1 天前
Node打包报错:Error: error:0308010C:digital envelope routines::unsupported
node.js
隐含1 天前
webpack打包,把png,jpg等文件按照在src目录结构下的存储方式打包出来。解决同一命名的图片资源在打包之后,重复命名的图片就剩下一个图片了。
前端·webpack·node.js