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