随着前端技术的不断发展，越来越多的新语言和语言规范出现。其中，ECMAScript 2020 (ES11) 作为一种新的语言规范，引入了许多新的特性和改进，而 globalThis 对象则是其中比较重要的一个。
在传统的 JavaScript 中，全局对象存在诸多问题，比如在不同的宿主环境中具有不同的名称（window、self、global 等），不够标准化、简洁、灵活。而使用 globalThis 对象可以解决这些问题， 它可以让代码可以在不同的宿主环境中都能正常运行。
什么是 globalThis 对象
globalThis 对象实际上是一个静态绑定的全局属性，它是一种通用的全局属性，可以在全局环境下访问。具体来说，它提供了一种标准的方式来获取全局对象，无论在哪个宿主环境下都可以稳定地获取到全局对象。
globalThis 的应用场景
- 工具函数的编写
使用 globalThis 对象可以在不同的运行环境下编写标准化的工具函数。比如在浏览器中可以使用 window， 在 Node.js 中可以使用 global。但是使用 globalThis 则不受宿主环境的影响。
function getGlobal() {
if (typeof self !== 'undefined') { return self; }
if (typeof window !== 'undefined') { return window; }
if (typeof global !== 'undefined') { return global; }
throw new Error('无法找到 global 对象');
}
const globalObject = getGlobal();- 框架和库的开发
在框架和库的开发中，globalThis 对象可以用于获取全局对象。以如下代码为例：
(function(global) {
globalObject.myLibrary = {
version: '1.0.0',
// ...
};
}(typeof globalThis !== 'undefined' ? globalThis : this));在这个代码中，如果 globalThis 对象存在，将会使用 globalThis； 否则使用当前的 this。这种方式可以避免在不同宿主环境中出现错误，并保证库的稳定性。
- 平台相关的代码
在需要针对不同的平台开发代码的情况下，使用 globalThis 对象可以比较方便地在不同环境下使用全局对象。比如在 Web Workers 中，有自己特定的全局对象，而使用 globalThis 可以解决这种问题。
-- -------------------- ---- -------
-- ------- ---------- --- ------------ -
-- ----------
-- ------------- --- ------------ -
-- ----------
------ - -----
-
---- -- --------------- --- ------------ -
-- ----------
------ - -------
-
-- ----------
---------- - -------
-示例代码
下面是一段使用 globalThis 的示例代码。该代码可以在不同的宿主环境下运行，并输出相应的全局对象信息。
-- -------------------- ---- ------- -- ------ ----- ------------ - ----------- -- ----------- -------------------------------- ---------------------------------- ------------------------------- -- ---------------- -- ------------- --- ------- - ----------------------- - ---- -- ------------- --- ------- - ---------------- ------- ---- - ---- - ----------------------- -
运行该代码，可以得到如下输出结果：
Array
ƒ Array() { [native code] }
Boolean
ƒ Boolean() { [native code] }
Date
ƒ Date() { [native code] }
运行在 Node.js 中如上所述，globalThis 对象可以显著提高跨平台编程的可用性、可读性和可维护性。
总结
本文介绍了 ECMAScript 2020 (ES11) 中的 globalThis 对象的概念和应用场景。通过使用 globalThis 对象，我们可以稳定地获取全局对象，而无需担心它们在不同的宿主环境中的差异和变化。这对于开发人员来说是非常有用的。在后续的开发过程中，我们可以在各种环境中轻松编写标准化的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647481b8968c7c53b01dd984