ECMAScript 2020 提供的 globalThis 解决 Web Worker 和 Node.js 之间的全局变量问题

在 Web 开发和 Node.js 开发中，我们经常需要在不同的执行环境中使用全局变量。然而，由于执行环境的不同，全局变量的指向也存在不同。对于前端 Web 开发来说，全局变量的指向可能会发生改变，因为 Web Worker 和主线程使用的是不同的全局对象；对于 Node.js 开发来说，全局变量的指向也有可能不一样，因为 Node.js 中的全局对象不是浏览器中的 window。

ECMAScript 2020 提供了一个新的对象 globalThis，用来解决不同执行环境中的全局变量问题。它是一个全局对象，可以在不同的执行环境中访问它，无需考虑不同的全局对象。

globalThis 的使用

在 Web Worker 中，如果要访问主线程中的全局变量，可以使用 window.postMessage 方法将数据传递给主线程；主线程通过监听 message 事件来获取数据。使用 globalThis，可以直接在 Web Worker 中访问主线程中的全局变量，如下所示：

// 在 Web Worker 中访问主线程的全局变量
const { myGlobalVariable } = globalThis;

// 将数据传递给主线程
globalThis.postMessage(data);

在 Node.js 中，我们可以使用 global 对象来定义全局变量。使用 globalThis，可以无需考虑不同的全局对象，直接定义全局变量，如下所示：

// 在 Node.js 中定义全局变量
globalThis.myGlobalVariable = 'hello';

// 在另一个文件中访问全局变量
console.log(globalThis.myGlobalVariable); // 输出 'hello'

globalThis 的指向

对于浏览器，globalThis 的指向为 window。

对于 Node.js，globalThis 的指向为 global。

在其他执行环境中，globalThis 的指向也与其对应的全局对象相同。

总结

globalThis 是 ECMAScript 2020 提供的新对象，用来统一不同执行环境中的全局变量。通过使用 globalThis，我们可以轻松访问不同执行环境中的全局变量，不再需要考虑全局对象的不同。这为 Web Worker 和 Node.js 之间的数据交互提供了便利，同时也为前端和后端开发提供了更好的编程体验。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a7aff9add4f0e0ff0d57c3