随着 JavaScript 语言的发展，越来越多的新特性被引入。ECMAScript 2021（ES12）是最新的 JavaScript 标准，其中引入了一个新的全局对象 globalThis，本文将详细讲解该对象的用法和意义。
globalThis 是什么？
globalThis 是一个新的全局对象，它提供了一个标准的方式来访问全局作用域。在浏览器中，它等同于 window 对象；在 Node.js 中，它等同于 global 对象。通过 globalThis，我们可以在不同的环境下访问全局对象，而不需要考虑具体的运行环境。
globalThis 的使用
使用 globalThis 很简单，只需要在任何地方使用 globalThis 关键字即可。例如，我们可以使用以下代码来获取全局对象：
const globalObject = typeof window !== 'undefined' ? window : globalThis;
这段代码会首先检查当前运行环境是浏览器还是 Node.js，然后根据不同的环境选择对应的全局对象。
除了获取全局对象之外，globalThis 还有其他的用途。例如，我们可以使用它来创建跨平台的代码：
// 跨平台的 setTimeout
globalThis.setTimeout(() => {
console.log('Hello, world!');
}, 1000);在这个例子中，我们使用 globalThis.setTimeout() 来调用 setTimeout() 函数，这样代码就可以在浏览器和 Node.js 环境下都能正常运行。
globalThis 的优势
globalThis 的引入是为了解决 JavaScript 中全局对象的命名问题。在浏览器中，全局对象是 window；在 Node.js 中，全局对象是 global。这样做的问题在于，当我们编写跨平台代码时，需要根据不同的环境来选择对应的全局对象，这会增加代码的复杂度和维护成本。
使用 globalThis 可以让我们摆脱这个问题，因为 globalThis 在不同的环境下都是同一个对象。这样一来，我们就可以编写跨平台的代码，而不需要考虑具体的运行环境。
总结
globalThis 是 ECMAScript 2021 中引入的一个新的全局对象，它提供了一个标准的方式来访问全局作用域。通过 globalThis，我们可以在不同的环境下访问全局对象，而不需要考虑具体的运行环境。使用 globalThis 可以让我们编写跨平台的代码，而不需要考虑具体的运行环境，这样可以大大减少代码的复杂度和维护成本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/668ef315dc1ed1a61b31ab70