由于前端开发环境的多样性，如 PC 端、移动端、服务器端等，开发者需要在不同的环境下编写代码。在不同的平台上都使用同样的代码逻辑，往往需要使用全局对象传递数据。这时，ES11 中新增的 GlobalThis 对象便成了一种很有用的工具。
GlobalThis 操作方式
GlobalThis 对象是 ES11 中新增的全局对象，对象的属性和方法都可以在任意环境下使用，可以看作是最顶层的全局对象。对于开发者来说，使用 GlobalThis 对象时需要注意以下两点：
- 不要直接使用全局变量，因为不同环境下的全局变量不同；
- GlobalThis 对象可以用来获取全局环境下的全局对象。
在 ES11 中，使用 GlobalThis 对象可以直接在任何地方获取全局对象。
示例代码
-- -------------------- ---- -------
-- ------
-------- ----------------- -
-- ------- ---------- --- ------------ -
------ -----------
-
-- ------- ------ --- ------------ -
------ -------
-
-- ------- ---- --- ------------ -
------ -----
-
-
----- ------------ - ------------------
--------------------------在上面的示例代码中，通过调用 getGlobalObject 函数，可以在任何平台上获取 GlobalThis 对象。首先判断了 globalThis 对象是否被定义，如果被定义则表示在服务器端运行，返回 globalThis 对象。如果 globalThis 对象未被定义，则表示在客户端运行，在浏览器中 globalThis 对象可以被定义为 window 对象，所以再次判断 window 是否存在。最后，当全部未定义时，返回 self 对象，它是工作者线程中的全局对象。
实际应用
使用 GlobalThis 对象可以方便地在不同的环境中调用同一份代码，使得代码更为通用。比如，当我们需要兼容不同的浏览器时，可以使用以下代码：
const globalObj = typeof globalThis !== "undefined" ? globalThis : window;
if (globalObj.localStorage) {
// 使用 localStorage
}上面的代码中，判断是否存在全局对象 localStorage，如果存在则可以使用 localStorage API 存取数据，而无需在不同的环境中分别处理。通过使用 GlobalThis，可以在任意作用域中获取全局对象，以便代码的通用性。
总结
GlobalThis 对象是 ES11 中新增的全局对象，它可以方便地在不同的平台上调用同一份代码，是开发者编写跨平台代码的有力工具。使用 GlobalThis 对象，我们可以避免直接使用全局变量，有效避免由此引起的兼容性问题。同时，通过应用示例代码，我们可以更好地理解它的应用场景和实际效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648278dc48841e98941df16b