ECMAScript 2020：使用 globalThis 避免平台差异

引言

在 Web 开发中，平台差异是非常普遍的问题。例如，全局对象在不同的环境中有不同的名称：在浏览器中是 window，在 Node.js 中是 global。这种差异会导致代码移植性下降，增加维护成本。但是在 ECMAScript 2020 中，引入了一个新的全局对象 globalThis，旨在解决这个问题。本文将介绍 globalThis 的使用，以及如何避免平台差异。

globalThis 的介绍

在 ECMAScript 中，全局对象是一种特殊的对象，其他所有对象都是它的属性。在浏览器环境中，这个全局对象被称为 window；在 Node.js 中，这个全局对象被称为 global。虽然这种差异通常对代码的移植性有负面影响，但是在传统的 ECMAScript 版本中，并没有一个跨平台全局对象的标准。

为此，ECMAScript 2020 引入了新的全局对象 globalThis，它是一个跨平台的全局对象，可以在任何运行环境中使用。globalThis 最初是在浏览器中实现的，它可以通过 window 或 self 访问，但是在其他环境中，例如 Node.js 中，它则是通过 global 访问。

globalThis 的使用

globalThis 的用法非常简单。您可以像使用任何其他全局对象一样使用它。例如：

// www.javascriptcn.com code example
function getGlobalObject() {
  if (typeof globalThis !== 'undefined') {
    return globalThis;
  }

  if (typeof window !== 'undefined') {
    return window;
  }

  if (typeof self !== 'undefined') {
    return self;
  }

  throw new Error('Unable to locate global object');
}

上面的例子展示了如何在不同的环境中访问 globalThis，并避免了平台差异的问题。此外，您还可以在代码中使用 globalThis，而不需要考虑特定平台的全局对象。例如：

// 假设此时是在浏览器环境下
globalThis.setTimeout(() => {
  console.log('Hello, world!');
}, 1000);

上面的代码可以在任何运行环境中运行。即使在 Node.js 中，它也可以正确地表现出 setTimeout() 绑定到的上下文。

globalThis 的指导意义

globalThis 的引入是 JavaScript 标准化中的一大进步。它为开发人员提供了一种跨平台的全局对象的标准化方式。这意味着开发人员可以写出跨平台的代码，而不必担心运行环境可能不一样的情况。

globalThis 的优势在于解决平台差异，并让开发工作更加轻松。开发人员可以使用相同的代码在多个环境中运行，而不必担心运行环境不一致的问题。这不仅可以节省开发时间，还可以提高代码的可移植性。

结论

globalThis 在现代 JavaScript 中扮演着非常重要的角色，它是 JavaScript 语言中迈向标准化的一大进步。通过使用 globalThis，开发人员可以编写可移植的代码，避免平台差异，并减少维护成本。如果您想进一步了解如何使用 globalThis，建议您查看 ECMAScript 2020 标准规范。

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