随着前端应用的复杂性不断增加，JavaScript 语言也在不断地演进和完善。ES12（ES2021）是 ECMAScript 的最新版本，它带来了很多新特性，其中一个重要的改进是 globalThis。
在早期版本的 JavaScript 中，为了使用全局对象，我们通常需要使用 window（浏览器环境下）或 global（Node.js 环境下）。然而，这会导致跨环境的兼容性问题。有些环境可能没有定义 window 或 global，有些环境可能定义了其他的全局对象。为了解决这个问题，ES12 引入了一个新的全局变量：globalThis。
globalThis 的用法
globalThis 是一个全局对象，在任何地方都可以使用。它类似于 window 或 global，但是具有以下特点：
- 在不同的环境中，
globalThis总是指向全局对象，而不需要判断当前环境。 globalThis是一个可读写的变量，可以被重新赋值。这意味着我们可以使用globalThis来创建全局变量。
下面是一些示例，演示如何使用 globalThis：
-- -------------------- ---- ------- -- ------ ---------------------- --- -------- -- ---- -- - ------- -- ---------------------- --- -------- -- ---- -- --------- --------------------- - ------- -------- ------------------------ -- ------- -------
globalThis 的意义
为什么要引入 globalThis？其实这正是 JavaScript 语言不断演进的一个体现。通过引入 globalThis，我们可以更方便地编写跨环境兼容的 JavaScript 代码，而无需关心当前环境的全局对象是什么。
举个例子，假设我们想要在一个函数中使用全局对象。在早期版本的 JavaScript 中，我们通常会写出以下代码：
-- -------------------- ---- -------
-------- ------------ -
--- ----------
-- ------- ------ --- ------------ -
--------- - -------
- ---- -- ------- ------ --- ------------ -
--------- - -------
- ---- -
----- --- ------------- -- ---- ------ ---------
-
-- -- ---------
-但是，这种方式很麻烦，也容易出错。通过使用 globalThis，我们可以简化代码：
function myFunction() {
var globalObj = globalThis;
// 使用 globalObj
}这种写法不仅更简洁，而且更可读，并且在任何环境下都可以正常工作。
总结
globalThis 是 ES12 中引入的一个重要特性，它可以帮助我们更轻松地编写跨环境兼容的 JavaScript 代码，同时也可以用来创建全局变量。虽然这个特性比较小众，但是在需要编写跨平台代码时非常有用。如果你还没有使用过 globalThis，不妨尝试一下，相信它会给你带来很多方便。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6492bdcf48841e989408b156