在 JavaScript 中，全局变量是指在全局作用域下定义的变量，它们可以在整个应用程序中使用。但是，由于 JavaScript 有多种运行环境，如浏览器、Node.js，以及其他的宿主环境，这导致了全局变量的定义存在一定的差异，使得在不同的环境下使用全局变量时需要进行特定的处理。而在 ECMAScript 2021 中，引入了 globalThis，它提供了一种通用的方式来访问全局对象，解决了在不同环境下使用全局变量的问题。
globalThis 的定义
globalThis 是一个新的内置对象，它代表了全局对象。在浏览器环境下，它等价于 window 对象；在 Node.js 环境下，它等价于 global 对象。在其他的宿主环境中，它可能具有不同的名称和实现方式。在全局作用域下，可以直接访问 globalThis，它的值是全局对象。
globalThis 的使用
globalThis 的主要作用是为了在任何环境下都能够方便地访问全局对象。在之前，我们需要通过判断当前运行环境来决定使用哪个全局对象，这样会导致代码的可读性和可移植性变得较差。而使用 globalThis，我们可以直接访问全局对象，而不需要考虑当前的运行环境。
下面是一个使用 globalThis 的示例代码：
// 在浏览器环境下 console.log(globalThis === window); // true // 在 Node.js 环境下 console.log(globalThis === global); // true // 在其他宿主环境下 console.log(globalThis); // 全局对象
globalThis 的指导意义
- 提高代码的可读性和可移植性
使用 globalThis 可以减少对当前运行环境的判断，从而使代码更易于阅读和理解，同时也提高了代码的可移植性。这意味着我们可以将代码从一个环境移植到另一个环境中，而不需要进行过多的修改。
- 避免全局变量的冲突
在 JavaScript 中，全局变量是容易被污染的，因为它们可以在整个应用程序中使用。使用 globalThis 可以避免全局变量的冲突，因为它提供了一个通用的方式来访问全局对象。
结论
ECMAScript 2021 中的 globalThis 提供了一种通用的方式来访问全局对象，解决了在不同环境下使用全局变量的问题。使用 globalThis 可以提高代码的可读性和可移植性，同时也可以避免全局变量的冲突。在实际开发中，我们应该尽可能地使用 globalThis，以便使代码更加健壮和可维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675a93654b9d41201ab8c311