在前端开发中，我们经常需要使用全局对象来存储和访问数据或者执行一些操作。然而，由于不同的环境和平台使用的全局对象名称不同，例如在浏览器中使用的是 window，在 Node.js 中使用的是 global，在 Web Worker 中使用的是 self，这就给前端开发带来了一些问题。为了解决这个问题，ES12 引入了一个新的全局对象 globalThis。
globalThis 是什么？
globalThis 是一个新的全局对象，可以在任何环境下使用，它的作用是提供一种标准的方式来访问全局对象，解决了不同环境下全局对象名称的差异问题。
在 ES12 之前，要访问全局对象需要使用不同的名称，在浏览器中使用 window，在 Node.js 中使用 global，在 Web Worker 中使用 self。而使用 globalThis 后，可以通过一个统一的名称来访问全局对象，无论在哪个环境下都可以使用 globalThis。
globalThis 的用法
使用 globalThis 的方式非常简单，只需要在代码中使用 globalThis 关键字即可。例如，要在浏览器中访问全局对象可以使用以下代码：
globalThis.console.log('Hello, world!');同样的代码在 Node.js 中也可以正常运行：
globalThis.process.stdout.write('Hello, world!');如果直接使用 window 或者 global，代码在不同的环境下会出现错误，而使用 globalThis 可以避免这种问题。
globalThis 的优势
使用 globalThis 有以下几个优势：
统一的全局对象名称，方便开发者编写代码，避免因为不同环境下的全局对象名称不同而出现错误。
可以在任何环境下使用，不需要考虑不同的环境下使用不同的全局对象名称。
在代码中使用 globalThis 更加清晰明了，可以更好地表达代码的意图。
globalThis 的示例代码
下面是一个使用 globalThis 的示例代码，它可以在不同的环境下正常运行：
// 浏览器中
globalThis.console.log('Hello, world!');
// Node.js 中
globalThis.process.stdout.write('Hello, world!');
// Web Worker 中
globalThis.postMessage('Hello, world!');总结
ES12 中的 globalThis 提供了一种标准的方式来访问全局对象，解决了不同环境下全局对象名称的差异问题，使得开发者可以更加方便地编写跨平台代码。使用 globalThis 可以避免因为不同环境下的全局对象名称不同而出现错误，代码也更加清晰明了。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6573c635d2f5e1655dce9ef5