在前端开发中，我们经常会用到全局变量，例如在 JavaScript 中，如果要访问浏览器的 window 对象，我们通常会这样写：
const someVar = window.someProperty;
然而，这种写法只在浏览器环境下才能正常工作。如果代码被运行在 Node.js 等其他 JavaScript 运行环境中，这段代码就会报错，因为 Node.js 中没有 window 对象，而是使用的是 global 对象。同样的，如果我们想要在 web worker 中使用 self 对象，或者在类似 Electron 的桌面应用程序中访问 window 对象，也需要做出相应的兼容性处理。
为了解决这个问题，ECMAScript 2020 引入了一个新的全局变量：globalThis。
globalThis 简介
globalThis 是一个特殊变量，它指向全局对象。无论代码在哪个 JavaScript 运行环境中执行，globalThis 都指向该环境下的全局对象：
console.log(globalThis); // 在浏览器环境下输出 Window 对象 // 在 Node.js 环境下输出 global 对象
使用 globalThis 解决兼容性问题
通过使用 globalThis，我们可以写出能够在所有 JavaScript 运行环境下正常工作的代码：
const someVar = globalThis.someProperty;
这段代码无论在浏览器环境、Node.js 环境、web worker 中，还是类似 Electron 等桌面应用程序中都可以正常工作。这样一来，我们就不需要考虑在不同的环境下使用不同的全局对象了。
注意事项
需要注意的是，globalThis 是 ECMAScript 2020 中的新特性，目前在某些运行环境中可能还不被支持。此外，在向已经支持 globalThis 的运行环境中迁移旧代码时，需要注意避免冲突，例如将变量名从 window.someProperty 更改为 globalThis.someProperty，以确保代码行为不会受到影响。
示例代码
下面是一个使用 globalThis 解决兼容性问题的示例代码：
-- -------------------- ---- -------
-- ------- ---------- --- ------------ -
-- ------- ---- --- ------------ -
-- ----- --- ------ -
--------------- - -----
- ---- -
----- --- ----------- ---------- ----------
-
-
-- -- ----------
----- ------- - ------------------------结论
通过使用 globalThis，我们可以解决 JavaScript 运行环境中不同全局对象的兼容性问题，从而编写更加通用的代码。当我们在需要访问全局对象时，不再需要考虑当前运行环境使用的是什么全局对象，而是始终使用 globalThis 变量，这样一来，代码也更加简洁易懂。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6702682dd91dce0dc84753f2