ECMAScript 2020 新增了一个名为 globalThis 的全局对象，它可以让开发者在不同的环境中获取全局对象。在浏览器端，globalThis 指向 window 对象，在 Node.js 环境中，它指向 global 对象。本文将详细介绍 globalThis 的使用方法及其指导意义。
globalThis 的使用方法
在以前，要获取全局对象，需要使用一些特定的方法。在浏览器端，可以使用 window 对象；在 Node.js 环境中，可以使用 global 对象。但是这些方法在不同的环境中使用时会出现问题。比如在 Web Worker 中，window 对象是不可用的，此时就需要使用 self 对象。而在 Node.js 中，global 对象也不是在所有的上下文中都是可用的。
为了解决这些问题，ECMAScript 2020 引入了 globalThis 全局对象。无论是在浏览器端还是在 Node.js 环境中，globalThis 都可以用来获取全局对象。下面是一个例子：
------------------------
在浏览器端，运行上面的代码会输出 window 对象。在 Node.js 环境中，会输出 global 对象。
globalThis 的指导意义
globalThis 的引入解决了获取全局对象的问题，使得开发者可以更方便地编写跨平台的代码。此外，globalThis 还可以用于以下方面：
1. 在不同的环境中使用相同的代码
在以前，为了在不同的环境中使用相同的代码，需要编写一些特定的代码以适应不同的环境。而现在，使用 globalThis 可以使得代码更加通用，不需要为每个环境编写特定的代码。
2. 在 Web Worker 中使用
Web Worker 是一个在浏览器中运行的后台线程，可以让开发者在不影响主线程的情况下执行一些耗时的任务。在 Web Worker 中，window 对象是不可用的，但是可以使用 self 对象。而使用 globalThis 可以使得代码更加通用，不需要在 Web Worker 中使用特定的对象。
3. 在 Node.js 中使用
在 Node.js 中，global 对象是可用的，但是在某些情况下，它可能不可用。比如在某些模块中，global 对象可能被覆盖或者被删除。而使用 globalThis 可以避免这些问题，使得代码更加健壮。
示例代码
下面是一个使用 globalThis 的示例代码：
-- ------- ---------- --- ------------ -
-- ------- ------ --- ------------ -
-- -------
----------------- - -------
- ---- -- ------- ---- --- ------------ -
-- - --- ------ -
--------------- - -----
- ---- -
-- - ------- ---
----------------- - -------
-
-
-- ----------- ---------- --
------------------------在上面的代码中，首先判断是否存在 globalThis 对象。如果不存在，就根据当前的环境来创建一个全局对象并赋值给 globalThis 对象。然后就可以在任何环境中使用 globalThis 对象了。
总结
ECMAScript 2020 中的 globalThis 新特性可以让开发者更加方便地获取全局对象，解决了在不同的环境中获取全局对象的问题。使用 globalThis 可以使得代码更加通用，不需要为每个环境编写特定的代码。在 Web Worker 和 Node.js 环境中，使用 globalThis 可以避免一些问题，使得代码更加健壮。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660fb560d10417a22205799d