globalThis 是 ES2020 引入的统一访问全局对象的标准方式,跨环境可靠;浏览器中为 window,Node.js 中为 global,Web Worker 中为 self;应避免直接依赖 window、global 或 self。

JavaScript 全局对象是运行时环境自动创建的顶层对象,所有全局变量和函数本质上都是它的属性。在浏览器中它是 window(同时也是 this 在非严格模式全局作用域下的值),在 Node.js 中则是 global。
浏览器中全局对象就是 window,但别直接依赖它
虽然 window 是浏览器全局对象,但显式写 window.setTimeout 或 window.console.log 并不必要,也不推荐——因为全局变量会自动绑定到 window 上。但要注意:
-
window在 Web Worker 中不可用,this指向self(即WorkerGlobalScope) - 某些环境(如 iframe、Shadow DOM)下
window可能不是你预期的那个 - ES2015+ 模块(
type="module")中顶层this是undefined,不指向window
所以更安全的做法是:用 typeof window !== 'undefined' 判断是否在浏览器环境,而不是直接访问 window。
globalThis 是统一访问全局对象的正确方式
ES2020 引入了 globalThis,它在所有 JavaScript 环境中都指向当前执行上下文的全局对象,无需判断环境:
立即学习“Java免费学习笔记(深入)”;
console.log(globalThis === window); // 浏览器中 true console.log(globalThis === global); // Node.js 中 true console.log(globalThis === self); // Web Worker / iframe 中 true
这是目前唯一可靠、跨平台的方式。不要用 self(Node.js 不支持)、global(浏览器报错)或 window(Worker 报错)替代。
全局对象上有哪些“真正”的内置属性和方法?
注意:很多你以为是全局的函数(如 parseInt、isNaN、JSON.parse)其实是 globalThis 的自有属性;而 Array、Promise、Map 这些是构造函数,也是它的属性。但以下这些容易被忽略:
-
Infinity、NaN、undefined—— 它们是只读属性,不是关键字(尽管行为类似) -
eval()—— 全局函数,但直接调用时才在全局作用域执行;通过变量引用调用(如const e = eval; e('...'))会在调用者作用域执行 -
isFinite()、isNaN()—— 与Number.isFinite、Number.isNaN行为不同(前者会强制转换类型) -
atob()/btoa()—— 浏览器专属,Node.js 需用Buffer替代 -
queueMicrotask()—— ES2023 新增,比Promise.resolve().then()更轻量
另外:document、location、navigator 是 window 的属性,但它们不是 JavaScript 语言规范定义的,属于宿主环境 API,Node.js 中完全不存在。
不要往全局对象上随意挂载变量
显式赋值如 globalThis.myUtil = () => {} 或 window.foo = 123 会污染全局命名空间,尤其在多人协作或集成第三方脚本时极易冲突。现代开发应优先使用:
- 模块系统(ESM / CommonJS)封装作用域
- IIFE(立即执行函数)隔离变量(仅限旧项目)
- 构建工具(如 Webpack)的 scope hoisting 和命名空间管理
即使必须暴露,也建议用单一命名空间对象(如 globalThis.MyApp = { utils: {}, config: {} }),而不是平铺一堆变量。
真正需要关心的不是“它包含什么”,而是“哪些是标准定义的、哪些是宿主添加的、哪些已废弃(如 escape())、哪些有环境限制”。globalThis 是入口,但每个属性/方法的兼容性、语义和陷阱,得一个个查 MDN 才靠谱。










