随着现代前端技术的发展，我们通常要在不同的平台（如浏览器、Node.js、Web Worker）中编写 JavaScript 代码。然而，由于这些平台之间的环境差异，我们可能会遇到许多问题。在过去，我们往往需要编写特定于每个平台的代码来处理这些问题，这显然会导致我们的开发效率低下。但好消息是，ES11 (2020) 为我们带来了一个新的全局对象 globalThis，它解决了许多跨平台开发中的常见问题。
globalThis 是什么？
在 ES11 (2020) 中，全局执行上下文现在可以通过 globalThis 对象访问，而不是通过 window 或 self 或 global 等平台特定的对象。这意味着，无论我们使用的是浏览器、Node.js 还是 Web Worker，我们都可以通过 globalThis 对象访问全局命名空间。
globalThis 的用途
globalThis 的主要用途是提供一种在不同平台上编写通用 JavaScript 代码的方式。下面是一些 globalThis 的使用示例：
在不同平台上使用 setTimeout
在 Web Worker 中使用 setTimeout 时，我们会发现没有 window 对象。在 Node.js 中，我们可以使用 timer 模块的 setTimeout，但这需要我们检查当前平台并根据平台特定的对象来选择正确的 setTimeout 实现。使用 globalThis，我们现在可以直接使用全局的 setTimeout，而无需担心在哪个平台上运行。
globalThis.setTimeout(() => {
console.log('Hello World!');
}, 1000);在不同平台上同步代码
在 Node.js 中，我们可以使用 require 来加载另一个模块，并使用其导出的功能。在浏览器中，我们通常使用 script 标记来加载另一个 JavaScript 文件。使用 globalThis，我们现在可以编写一个通用函数来加载和执行其他脚本，而不必考虑当前平台。下面是一个加载脚本的示例代码：
async function loadScript(url) {
const response = await globalThis.fetch(url);
const code = await response.text();
(0, eval)(code); // 注意：这是一个不安全的做法，请不要在生产环境中使用！
}
loadScript('https://example.com/myscript.js');在不同平台上处理异步代码
在不同平台上处理异步代码时，我们通常要使用不同的 API（如 Promise、XMLHttpRequest 等）。使用 globalThis，我们现在可以使用一个通用的异步处理函数来处理异步代码。下面是一个使用 globalThis 处理异步代码的示例：
-- -------------------- ---- -------
----- -------- -------------- -
--- ---------
-- ------------------ -
-------- - ----- ----------------------
- ---- -
-- -- ----- --- ------- --------------
----- --- - --- ----------------------------
--------------- ---- ------
-----------
-------- - ----- --- ----------------- -- -
---------------------- - -- -- -
-- --------------- --- - -- ---------- --- ---- -
----------------------
-
--
---
-
----- ---- - ----- ----------------
------ -----
-
------------------------------------------
------------ -- -
------------------
---总结
ES11 (2020) 的 globalThis 对象为我们提供了一种通用的方式来访问全局命名空间，这使得我们可以在不同平台上编写通用 JavaScript 代码。这对于跨平台开发来说是一个巨大的帮助，因为它可以大大提高开发效率。如果你正在进行跨平台开发，不妨考虑使用 globalThis 来简化你的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f58ecaf6b2d6eab3e4fcd4