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