引言
在 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 的用法非常简单。您可以像使用任何其他全局对象一样使用它。例如：
-- -------------------- ---- -------
-------- ----------------- -
-- ------- ---------- --- ------------ -
------ -----------
-
-- ------- ------ --- ------------ -
------ -------
-
-- ------- ---- --- ------------ -
------ -----
-
----- --- ------------- -- ------ ------ ---------
-上面的例子展示了如何在不同的环境中访问 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