如何利用HTML的globalThis统一访问不同执行环境下的全局对象-html教程-PHP中文网

是的，globalThis在浏览器、Node.js和Web Worker中均能统一访问全局对象：浏览器中等价于window，Node.js中等价于global，Web Worker中等价于self，ES2020标准确保跨环境一致性。

如何利用html的globalthis统一访问不同执行环境下的全局对象

globalThis 在浏览器、Node.js 和 Web Worker 中是否真能统一访问全局对象

是的，globalThis 就是为这事设计的——它在所有主流 JavaScript 执行环境中都指向当前环境的全局对象。不用再写 typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : self 这种判断链了。

但要注意：它只是“指向”全局对象，不是“创建”或“修复”全局对象。比如在严格模式下直接给 globalThis.foo = 1 确实会挂到全局，但若环境本身不支持可配置的全局属性（如某些嵌入式 JS 引擎），赋值可能静默失败。

浏览器中 globalThis 等价于 window
Node.js v12+ 中等价于 global
Web Worker 中等价于 self
Service Worker 和模块脚本中同样可用，无需额外 polyfill

哪些场景下仍不能依赖 globalThis 直接暴露全局变量

globalThis 本身是只读绑定（不可重新赋值），但它指向的对象是否允许动态添加属性，取决于环境实现和运行模式。

典型问题场景：

ESM 模块中，顶层 this 是 undefined，但 globalThis 仍有效；不过某些打包工具（如 Webpack 5 的 output.globalObject 配置错误）会覆盖其行为
使用 vm.Script 或 vm.createContext 创建的沙箱环境，globalThis 指向的是该上下文的全局对象，而非 Node.js 主全局
React/Vue 等框架的 SSR 渲染函数中，若未正确设置 globalThis（比如用 node --experimental-vm-modules 启动），可能仍需 fallback 到 global

兼容性兜底方案要不要加？怎么加才不污染代码

如果还要支持 IE 或 Node.js

推荐做法是定义一次，在入口文件顶部声明：

Wechat Article Html

将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。

下载

const globalThis = globalThis || self || window || global;

更稳妥的写法（避免某些旧环境里 self 未定义报错）：

const globalThis = (function () {
  if (typeof globalThis !== 'undefined') return globalThis;
  if (typeof self !== 'undefined') return self;
  if (typeof window !== 'undefined') return window;
  if (typeof global !== 'undefined') return global;
  throw new Error('no global object available');
})();

注意：不要把这段逻辑封装成函数反复调用——V8 对 globalThis 有特殊优化，而自定义函数会失去这个优势。

用 globalThis 替换 window/global 时最容易踩的坑

最隐蔽的问题不是访问不到，而是「访问到了，但不是你想要的那个」。

在 iframe 中，globalThis 指向的是当前 iframe 的 window，不是父页面的——这点和直接写 window 行为一致，但开发者常误以为它“更全局”
使用 import.meta.url 加载的模块中，globalThis 正常；但若通过 eval() 或 Function() 执行字符串代码，其内部的 globalThis 仍指向外层环境，不是 eval 创建的新作用域
某些测试框架（如 Jest）的模拟环境会篡改 global，但未必同步更新 globalThis 的 getter，导致单元测试中行为不一致