在ECMAScript 2020中，新添加了一个globalThis的特性。该特性的目的是在各种不同的上下文（环境）之间提供通用、可靠的解决方案，使得可以在所有环境中获取到全局对象。
globalThis 是什么？
globalThis是一个新的全局对象，它提供了一种标准的方法来访问全局对象，而无需考虑代码运行的环境。globalThis是一个API，它提供了一个对全局对象的引用，例如Window对象在浏览器中的环境下，或者global对象在Node.js环境中。
举个例子，Web Worker是HTML5提供的一个特性，它运行在单独的线程中，无法直接访问Window对象。在这种情况下，globalThis就提供了一种访问全局对象的方法。
globalThis 的指导意义
globalThis的引入，不仅让前端开发者可以更方便地编写跨平台的代码，还提供了许多有价值的场景和用例。例如：
避免在不同环境使用不同的全局变量
在不同的JavaScript环境（如浏览器和Node.js）中，全局对象的名称不同。在浏览器中，全局对象通常是Window对象，而在Node.js环境中，全局对象则是global对象。在过去，这种差异经常导致代码在不同环境下出现意料之外的行为。
现在，使用globalThis，开发者可以避免使用不同的全局对象，并始终使用全局变量的相同名称：
-- ------- ---------------------- --- -------- -- ---- -- ----------- ---------------------- --- -------- -- ----
在 Web Worker 中访问全局对象
由于Web Worker运行在单独的线程中，无法直接访问Window对象，这导致了许多开发者的烦恼。现在，使用globalThis，我们可以轻松地在Web Worker中访问全局对象：
-- ----- ------ ----- -------- - --- -------------------- -- ---- ------------- --------------------------------- -------------
在不同的平台中编写跨平台代码
使用globalThis，我们可以轻松地编写跨平台的JavaScript代码。例如，在React Native应用程序中，我们可以使用globalThis代替Window对象：
-- ------ ----------- ---------------------- --- -------- -- ----
这就意味着我们可以将一些库从浏览器环境直接迁移到React Native应用程序中，而无需修改任何代码。
总结
globalThis是ECMAScript 2020中引入的一个新特性，它提供了一个标准的方法来访问全局对象，而无需考虑代码运行的环境。它的引入，让前端开发者可以更方便地编写跨平台的代码，也为使用Web Worker这样的环境提供了一种访问全局对象的方法。
示例代码：
-- ------- ---------------------- --- -------- -- ---- -- ----------- ---------------------- --- -------- -- ---- -- - ----- ------ ----- ---------------------- --- -------- -- ----
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64d1a138b5eee0b5258dd858