ES11（也称为 ES2020）是 ECMAScript 核心规范的最新版本，它引入了许多新特性和语言改进，其中一个值得注意的新增对象是 globalThis。在本篇文章中，我们将探讨 globalThis 的使用场景，重点介绍它作为跨平台全局变量引用的实用性。
什么是 globalThis 对象？
在 Web 应用程序中，全局对象是很常见的。在浏览器环境中，全局对象是 window，而在 Node.js 环境中，它是 global。globalThis 对象是 ECMAScript 中新引入的通用全局对象，它提供了一种安全并且跨平台的方式来访问全局范围内的属性。
globalThis 的使用场景
跨平台全局变量引用
在多平台的开发环境中，因为全局对象的不同，导致在不同平台之间共享数据有时会变得棘手。使用 globalThis 对象就可以轻松解决这个问题。通过在不同环境下使用 globalThis 作为全局对象引用，在多个平台之间使用同一份代码就可以无缝地进行。
例如，以下代码可以在浏览器和 Node.js 环境下都正确地运行：
-- -------------------- ---- -------
-- --------- -------
--------- ------ --- ----------- -- ------ ---------- --- ------------ -
------------------------ -- -
------------------ ---- --------------
-- ------
- ---- -
------------- -- -
------------------ ---- ------------------
-- ------
-上述代码将会在 Web 浏览器中调用 window.setTimeout()，而在 Node.js 环境中调用 global.setTimeout()。
ES Modules 中的全局变量
在 ES Modules 中，全局变量的使用有所不同。由于每个 ES Module 都有自己的作用域，不能像传统的 script 标签一样将全局变量直接添加到 window、global 对象上。这时，可以使用 globalThis 对象来定义全局变量：
// 定义全局变量
globalThis.myVar = "Hello, world!";
// 在另一个 ES Module 中引用全局变量
import { myVar } from "./myModule.js";
console.log(myVar); // "Hello, world!"在这个示例中，我们使用 globalThis 对象定义了一个全局变量 myVar，并在另一个 ES Module 中调用了它。这种方法可以保证在不同的 ES Modules 中使用相同的全局变量。
总结
globalThis 对象作为 ECMAScript 中的新特性，为实现跨平台全局变量引用提供了十分便利的方法。不论是在浏览器环境还是 Node.js 环境中，都可以使用 globalThis 对象来规范和控制全局变量的作用域，确保代码在不同平台上的可用性。了解和熟练运用 globalThis 对象，可以让我们写出更加跨平台、合理、工整的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e052e5f6b2d6eab3b681be