在开发中，我们经常需要编写跨平台的代码，而不同平台所暴露的全局对象（global object）是不同的，这就导致了跨平台操作的兼容性问题。为解决这一问题，ECMA 提出了新增的全局对象 globalThis。
globalThis 简介
globalThis 是 ECMAScript 2020 引入的全局对象，它提供了一个标准的方式来获取全局对象，这样我们就可以轻易地编写跨平台的代码。
在浏览器中，全局对象是 window；在 Node.js 环境中，全局对象是 global；在 Web Workers 中，全局对象是 self。而 globalThis 提供了一种通用、跨平台的方式来访问全局对象，它可以同时运行在浏览器、Node.js 和 Web Workers 等环境中，从而解决了跨平台操作的兼容性问题。
globalThis 使用示例
下面通过代码示例，演示如何使用 globalThis 获取全局对象，以及如何解决跨平台操作的兼容性问题。
// javascriptcn.com 代码示例
// 获取全局对象
const globalObj = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
// 测试代码
const a = 1;
globalObj.b = 2;
console.log(a); // 1
console.log(globalObj.b); // 2在上面的代码中，我们首先通过条件语句获取全局对象，然后在全局对象中添加了一个属性 b，最后分别输出了变量 a 和全局对象中的属性 b 的值。
实际上，这段代码可以简化为以下一行代码，使用了 globalThis 之后，就不再需要判断运行环境了。
const globalObj = globalThis;
globalThis 实现原理
要实现一个跨平台的全局对象，就必须解决以下两个问题：
- 如何获取全局对象？
- 如何在不同环境下运行？
为解决这些问题，ECMA 特别提出了一个新的全局对象 globalThis，它可以在不同的环境下统一提供全局对象。在浏览器环境下，window 就是全局对象；在 Node.js 环境下，global 就是全局对象。而 globalThis 的作用就是让这些不同的全局对象共存，并提供一个标准的访问方式。
在实现上，globalThis 通过以下两步实现：
- 在每个环境下提供一个 globalThis 对象，该对象指向真实的全局对象。
- 针对不支持 globalThis 的环境，重写全局的 this，再在 this 上绑定 globalThis。
总结
globalThis 的出现，为跨平台操作提供了更加简单、通用的方法，使得编写具有更好兼容性的代码更加容易。通过全文的介绍，我们已经能够了解到 globalThis 的原理和使用方法，它可以让我们的代码更加健壮，也能够提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65839831d2f5e1655de7407d