globalThis 的作用是什么？

推荐答案

globalThis 是一个全局对象，用于在 JavaScript 中访问全局对象。它提供了一种标准的方式来访问全局对象，无论代码是在浏览器、Node.js 还是其他环境中运行。

本题详细解读

1. 什么是 globalThis？

globalThis 是 ECMAScript 2020 引入的一个全局属性，用于在不同的 JavaScript 环境中访问全局对象。在浏览器中，全局对象是 window；在 Node.js 中，全局对象是 global；在 Web Workers 中，全局对象是 self。globalThis 提供了一种统一的方式来访问这些全局对象，而不需要关心代码运行的具体环境。

2. 为什么需要 globalThis？

在 globalThis 出现之前，开发者需要根据不同的环境来访问全局对象。例如：

• 在浏览器中，使用 window。
• 在 Node.js 中，使用 global。
• 在 Web Workers 中，使用 self。

这种不一致性使得编写跨平台的 JavaScript 代码变得复杂。globalThis 的出现解决了这个问题，使得开发者可以使用一个统一的属性来访问全局对象，而不需要关心代码运行的具体环境。

3. 如何使用 globalThis？

globalThis 的使用非常简单。你可以在任何 JavaScript 环境中使用它来访问全局对象。例如：

// 在浏览器中
console.log(globalThis === window); // true

// 在 Node.js 中
console.log(globalThis === global); // true

// 在 Web Workers 中
console.log(globalThis === self); // true

4. globalThis 的兼容性

globalThis 是 ECMAScript 2020 的一部分，因此在较新的 JavaScript 引擎中得到了广泛支持。如果你需要在旧的环境中支持 globalThis，可以使用以下 polyfill：

// www.javascriptcn.com code example
(function() {
  if (typeof globalThis === 'object') return;
  Object.defineProperty(Object.prototype, '__magic__', {
    get: function() {
      return this;
    },
    configurable: true
  });
  __magic__.globalThis = __magic__;
  delete Object.prototype.__magic__;
}());

5. 总结

globalThis 提供了一种标准的方式来访问全局对象，使得编写跨平台的 JavaScript 代码变得更加简单和一致。无论代码是在浏览器、Node.js 还是其他环境中运行，globalThis 都能确保你能够正确地访问全局对象。