ECMAScript 2021 中的 globalThis 全局变量

在过去的开发中，我们经常需要在不同的平台上编写 JavaScript 代码。例如，我们可能需要在浏览器、Node.js 和 Web Worker 中编写代码。不同的平台提供了不同的全局对象，如 window、global 和 self，这使得编写跨平台代码变得更加困难。

ECMAScript 2021 中提供了一个名为 globalThis 的全局变量，可以解决这个问题。globalThis 可以在任何平台上访问全局对象，不需要知道当前环境的全局对象是什么。

globalThis 的用法

在全局作用域下，我们可以使用 globalThis 访问全局对象。例如，在浏览器中，globalThis 将指向 window 对象，在 Node.js 中，globalThis 将指向 global 对象。下面是一个简单的例子：

console.log(globalThis);

在浏览器中，这将输出 window 对象，在 Node.js 中，这将输出 global 对象。

globalThis 还可以用于在不同的平台上编写通用代码。例如，我们可以使用 globalThis.setTimeout() 来访问全局 setTimeout() 函数，而不需要知道当前环境的全局对象是什么。

const setTimeout = globalThis.setTimeout || window.setTimeout || self.setTimeout;

setTimeout(() => {
  console.log('Hello, world!');
}, 1000);

这个例子中，我们使用了三个不同的 setTimeout() 函数，它们分别来自全局对象、window 对象和 self 对象。globalThis 可以让我们在任何平台上访问全局对象，从而编写跨平台代码。

globalThis 的指导意义

globalThis 可以让我们编写更具可移植性和通用性的 JavaScript 代码。它使得在不同的平台上编写代码变得更加容易，从而提高了开发效率。此外，它还可以提高代码的可读性和可维护性，因为我们不再需要考虑当前环境的全局对象是什么。

结论

ECMAScript 2021 中的 globalThis 全局变量可以解决跨平台 JavaScript 开发中的一些问题。它可以让我们在任何平台上访问全局对象，从而编写更具可移植性和通用性的代码。在编写跨平台 JavaScript 代码时，使用 globalThis 可以提高开发效率，并提高代码的可读性和可维护性。

我们应该尽可能地使用 globalThis 来访问全局对象，从而编写更具可移植性和通用性的 JavaScript 代码。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675ac6c04b9d41201abb8dc8