在 ES12 中，globalThis 成为了一个全局对象，可以用来代替不同环境下的全局对象，如浏览器中的 window 对象、Node.js 中的 global 对象，以保证代码在不同环境中的兼容性。
globalThis 的应用场景
1. 在不同环境下的全局对象
在浏览器中，我们通常会使用 window 对象作为全局对象，而在 Node.js 环境下，使用 global 对象作为全局对象。这种情况下，在编写跨平台的代码时，需要对全局变量做出不同的处理，才能确保其在所有环境下的运行正确性。
使用 globalThis 对象，可以在不同的环境下，统一使用一个全局对象，避免不同平台的差异，并减少代码的兼容处理。
示例代码：
// 在浏览器中 console.log(globalThis === window); // true // 在 Node.js 中 console.log(globalThis === global); // true
2. 函数在全局作用域中的执行
在一些场景下，我们需要在全局作用域中执行函数，以避免局部变量和作用域的限制。
使用 globalThis 对象可以方便地实现这一操作，兼容不同平台下的全局对象。
示例代码：
// 在全局作用域中执行函数
function fn() {
console.log('Hello, world!')
}
globalThis.setTimeout(fn, 1000);3. 异步操作
在异步操作中，由于异步执行的闭包作用域与全局作用域不同，导致无法访问全局变量。使用 globalThis 对象可以在异步操作中访问全局对象，方便地传递数据和状态。
示例代码：
-- -------------------- ---- -------
----- ---- - -
----- ------
---- --
-
--------------------------- -
------- -------
----- --------------------
--
--------- -- -----------
---------- -- -
-- -----------
----------------- - -----
---总结
globalThis 对象是 ES12 中新增的全局对象，可以用于在不同平台和环境中统一使用全局变量，方便地实现函数在全局作用域中的执行，以及在异步操作中访问全局变量，提高代码的兼容性和可读性。在实际开发中，应当针对不同场景灵活运用 globalThis 对象，以提高代码的质量和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a9101548841e989455f0b5