在 Web 前端开发中，我们经常需要使用全局变量，并且在不同的环境下，全局变量的实现方式也不尽相同。在 Web 浏览器中，我们可以使用 window 对象来访问全局变量，而在 Node.js 中，我们则需要使用 global 对象。
然而，这样的实现方式存在一些问题。首先，两种环境下的全局变量不是同一个对象，因此无法在它们之间共享数据。其次，在一些情况下，我们需要写一些繁琐的条件语句来决定在哪个环境下使用哪个全局变量。
幸运的是，ECMAScript 2020 引入了一个新的特性：globalThis 对象。这个对象提供了一种在不同环境下访问全局对象的统一方式，解决了 Web 浏览器和 Node.js 之间全局变量的问题。
如何使用 globalThis
globalThis 对象是一个全局对象，它可以在任何环境下使用，无需考虑具体的实现。在浏览器中，它可以通过 Window 对象来访问，而在 Node.js 中，它则可以通过 global 对象来访问。
下面是一些示例代码，在不同的环境下访问全局对象：
// 浏览器中 console.log(globalThis === window); // true console.log(this === globalThis); // true // Node.js 中 console.log(globalThis === global); // true console.log(this === globalThis); // true
可以发现，globalThis 对象就是全局对象，它可以代替 window 或 global 来访问全局变量。
globalThis 的局限性
虽然 globalThis 解决了 Web 浏览器和 Node.js 之间全局变量的问题，但是它也存在一些局限性。
首先，由于 globalThis 是在 ECMAScript 2020 中引入的，因此在一些旧的环境中可能无法使用。在这种情况下，我们仍然需要使用传统的方式来访问全局变量。
其次，globalThis 仅提供了访问全局对象的方式，并不能解决全局变量命名冲突的问题。在编写代码时仍然需要注意全局变量的命名，以避免不必要的问题。
学习指导意义
globalThis 是 ECMAScript 2020 中引入的一个重要特性，它解决了 Web 浏览器和 Node.js 之间全局变量的问题。学习 globalThis 对于我们理解 JavaScript 的全局变量和作用域有重要的指导意义。
在实际开发中，我们可以使用 globalThis 来访问全局变量，从而避免了代码的不必要复杂性。不过，在使用 globalThis 时我们仍然需要注意其局限性，以避免不必要的错误。
结论
ECMAScript 2020 提供的 globalThis 对象解决了 Web 浏览器和 Node.js 之间全局变量的问题。使用 globalThis 可以统一访问全局对象，并且避免了代码的不必要复杂性。在使用 globalThis 时，我们需要注意其局限性，并避免全局变量的命名冲突。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674e9376e884a3e30f2840c6