在前端开发中，全局对象是非常重要的一个概念。全局对象可以让我们在代码多处使用同一个变量，或者在不同的上下文中共享某些数据。在 ES11 及之前的标准中，我们使用 window 或者 global 来引用全局对象。但是在某些环境下，比如 Web Worker 或者 Node.js 的模块中，这两个对象并不可用。为了解决这个问题，ES12 引入了一个新的全局对象 globalThis，它可以在任何环境下都能使用。本文将详细介绍 globalThis 的使用方法，并提供示例代码作为参考。
什么是 globalThis？
globalThis 是一个全局对象，它提供了一种跨平台的方式来引用全局对象。在浏览器环境中，它等价于 window 对象；在 Node.js 环境中，它等价于 global 对象。在其它环境中，比如 Web Worker，它也可以正确地引用全局对象。
使用方式
globalThis 的使用非常简单，直接按照以下方式引用即可：
console.log(globalThis);
在不同的环境中，输出的结果将是不同的。比如在浏览器环境中，输出的结果将是 Window 对象；而在 Node.js 环境中，输出的结果将是 Global 对象。
globalThis 还通过一个静态方法 globalThis()，提供了一种在任何环境下都能正确引用全局对象的方式。下面是一个示例代码：
const myGlobal = (function () {
if (typeof globalThis !== "undefined") return globalThis;
if (typeof self !== "undefined") return self;
if (typeof window !== "undefined") return window;
if (typeof global !== "undefined") return global;
})();
console.log(myGlobal);在上面的代码中，我们首先判断 globalThis 是否可用，如果可用就直接返回；否则继续判断其它全局对象是否可用。使用这个方法，我们可以非常方便地在不同的环境中正确引用全局对象。
指导意义
globalThis 在实际开发中的作用非常大。它不仅可以解决某些环境下全局对象不可用的问题，还可以让我们编写更加通用的代码。比如，如果我们需要将某个变量作为全局变量使用，不管是在浏览器环境还是 Node.js 环境，我们都可以使用 globalThis 来引用它。
同时，ES12 在增加 globalThis 的同时还增加了一些新的全局属性和方法，比如 globalThis.crypto、globalThis.queueMicrotask() 等等，这些新的功能将帮助我们更加便捷地进行前端开发。
结论
globalThis 是 ES12 中的一个非常重要的新特性，它提供了一种跨平台的方式来引用全局对象。通过 globalThis，我们可以编写更加通用的代码，解决在某些环境下全局对象不可用的问题。同时，ES12 还增加了一些新的全局属性和方法，这些新的功能将帮助我们更加便捷地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6735f8170bc820c582517c70