在现代的前端开发中，越来越多的应用程序需要在多个平台上运行，如浏览器、Node.js 和 Web Workers。为了实现跨平台的功能，开发人员需要知道如何在不同的平台上访问全局对象，这对于编写可重用的代码非常重要。为了解决这个问题，ECMAScript 2020 中引入了全新的 globalThis 对象。
globalThis 对象是什么？
globalThis 是一个新的全局对象，它提供了跨平台访问全局环境的标准方式。在浏览器环境中，它提供了访问 window 对象的方式，在 Node.js 环境中，它提供了访问 global 对象的方式，而在 Web Workers 中，它提供了访问 self 对象的方式。
如何使用 globalThis 对象？
使用 globalThis 非常简单，只需以全局环境的标准方式访问它即可。例如，为了在浏览器中访问全局对象，可以使用以下代码：
console.log(globalThis === window); // true
在 Node.js 环境中，可以使用以下代码：
console.log(globalThis === global); // true
在 Web Workers 中，可以使用以下代码：
console.log(globalThis === self); // true
globalThis 对象的优点
使用 globalThis 对象的主要优点是，它提供了一种标准化的方式来访问全局环境，这对于编写跨平台代码非常重要。另外，它还简化了代码，因为不需要编写特定于每个平台的代码。
示例代码
以下示例代码演示了如何使用 globalThis 对象来编写可重用的跨平台代码：
-- -------------------- ---- ------- -------- ----------- - -- ------- ---------- --- ------------ ------ ----------- -- ------- ---- --- ------------ ------ ----- -- ------- ------ --- ------------ ------ ------- -- ------- ------ --- ------------ ------ ------- ----- --- ------------- -- ------ ------ ---------- - --------------------------------------------------------------------
以上代码将在任何平台上添加 .example 类到 body 元素上，而无需使用特定于平台的代码。
总结
globalThis 对象是 ECMAScript 2020 中的一个重要特性，它提供了一种标准化的方式来访问全局环境，从而简化了跨平台开发。如果你需要编写可重用的代码，那么使用 globalThis 对象是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cdd9bab5eee0b5255cac77