在 ES9 中，引入了一个新的全局对象——globalThis，它可以让我们在任何情况下都可以访问全局对象，不需要考虑它的具体实现方式，比如在浏览器环境下，我们可以使用 window 或 self 来访问全局对象，在 Node.js 环境下，我们可以使用 global 或 globalThis 访问全局对象。本文将介绍 globalThis 的使用方法，帮助你更好地理解它的作用和用法。
globalThis 是什么？
在过去，我们可能需要根据不同的宿主环境（比如浏览器、Node.js 等）使用不同的全局对象。例如，在浏览器环境中，我们可以使用 window 或 self 来访问全局对象，在 Node.js 环境中，我们可以使用 global 访问全局对象。但是，这种方式并不是标准化的，因为不同的宿主环境可以有不同的全局对象实现方式。
ES9 引入了 globalThis，它是唯一的全局对象，可以让我们在任何情况下都可以访问全局对象，不需要考虑它的具体实现方式。同时，globalThis 也符合标准，它是一个全局对象。
globalThis 的使用方法
globalThis 可以在任何地方访问。如果你在浏览器环境中使用它，那么它就是 window 或 self，而在 Node.js 环境中，它就是 global。
下面是在浏览器环境中使用 globalThis 访问全局对象的示例代码：
console.log(globalThis === window); // true console.log(globalThis === self); // true globalThis.foo = 'bar'; console.log(window.foo); // 'bar' console.log(self.foo); // 'bar'
下面是在 Node.js 环境中使用 globalThis 访问全局对象的示例代码：
console.log(globalThis === global); // true globalThis.foo = 'bar'; console.log(global.foo); // 'bar'
除了访问全局对象之外，globalThis 还可以用于跨平台代码的兼容性。例如，假设你有一个函数，想在不同的平台上使用不同的全局对象，在过去，你需要使用复杂的兼容性代码，现在，你可以使用 globalThis 解决这个问题。下面是一个示例代码：
-- -------------------- ---- -------
-------- ----------------- -
------ ------ ------ --- -----------
- ------
- ------ ---- --- -----------
- ----
- ------ ------ --- -----------
- ------
- ----------
-
----------------------------- --- ------------ -- ----总结
globalThis 是 ES9 中引入的全局对象，它可以让我们在任何情况下都可以访问全局对象，不需要考虑它的具体实现方式。通过 globalThis，我们可以简化代码，提高代码可读性，同时还可以解决兼容性问题。在实际开发中，我们可以灵活地使用 globalThis，提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649654bf48841e9894362216