在前端开发中，全局对象是一种非常重要的概念。在不同的 JavaScript 环境中，全局对象可能会有所不同。例如在浏览器环境中，全局对象是 window，而在 Node.js 环境中，全局对象是 global。这种差异可能会给开发者带来一些困扰，特别是在开发跨平台的代码时。为了解决这个问题，ES12 新增了一个全局对象 globalThis。
globalThis 的定义
globalThis 是一个全局对象，它提供了一个标准的方式来访问不同 JavaScript 环境中的全局对象。在浏览器环境中，globalThis 就是 window，在 Node.js 环境中，globalThis 就是 global。
globalThis 的用途
使用 globalThis 可以让开发者在不同的 JavaScript 环境中编写跨平台的代码，而不用担心全局对象的差异。例如，我们可以使用 globalThis.setTimeout 来代替 window.setTimeout 或 global.setTimeout，这样代码就可以在浏览器和 Node.js 环境中都能够运行。
另外，globalThis 还可以用于在不同的 JavaScript 环境中共享变量。例如，我们可以使用 globalThis.sharedData = 'hello world' 来在不同的环境中共享数据。
globalThis 的示例
下面是一个使用 globalThis 的示例代码：
-- -------------------- ---- ------- -- ---------------------- - ----------------- ---- -- ------- -- - ----------- - ---- -- -------------------- - ----------------- ---- -- ------- -- ----------- - --------------------- - ------ ------- -------- ------ - ----------------------------------- - -------
在上面的示例中，我们使用 globalThis.navigator 和 globalThis.process 来判断代码运行的环境。然后我们使用 globalThis.sharedData 来共享数据，并在 test() 函数中打印出来。
总结
ES12 新增的 globalThis 对于开发跨平台的代码非常有用。它可以让开发者在不同的 JavaScript 环境中编写跨平台的代码，同时还可以用于共享变量。在实际开发中，我们可以使用 globalThis 来代替不同 JavaScript 环境中的全局对象，从而使代码更加可移植和可维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662c62bad3423812e49e21a2