引言
在 JavaScript 开发中，我们经常需要访问全局对象。在过去，访问全局对象的方法有很多种，比如使用 window、self 或者 global 等。但是，这些对象在不同的环境下有不同的名字，比如在浏览器中使用的是 window，在 Node.js 中使用的是 global。这给我们的开发带来了很多困扰。
为了解决这个问题，JavaScript 在 ES2020 标准中引入了一个新的全局变量——GlobalThis，这个变量在任何 JavaScript 运行时环境中都是可用的，并且永远指向全局对象，推荐使用。
什么是 GlobalThis 变量
GlobalThis 是一个全局对象的属性名，它定义在全局对象上。它的值是指向当前执行上下文的全局对象，也就是我们在 JavaScript 开发中经常使用的那个全局对象。
在浏览器中，GlobalThis 指向的是 window 对象，而在 Node.js 中，GlobalThis 指向的是 global 对象。这意味着，我们无需担心在不同的 JavaScript 运行时环境下如何获取全局对象，我们可以始终使用 GlobalThis 变量来访问它。
如何使用 GlobalThis 变量
使用 GlobalThis 变量非常简单，只需要在代码中引用即可。无论在哪一个环境下，GlobalThis 变量永远指向全局对象。
以下是一个简单的示例代码：
// 在 Node.js 的 REPL 中运行下面代码 console.log(GlobalThis === global); // true
在上面的代码中，我们检查了 GlobalThis 变量是否等于 global 对象，由于我们在 Node.js 中运行代码，因此结果为 true。
以下是在浏览器中使用 GlobalThis 变量的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------- ------------
-------
------
------- -----------------------
---------------------- --- -------- -- ----
---------
-------
-------GlobalThis 变量的学习意义
引入 GlobalThis 变量的一个重要原因是为了方便我们编写可移植的 JavaScript 代码。在过去，由于在不同的 JavaScript 运行时环境中全局对象的名称不同，我们需要进行一些繁琐的兼容性测试和代码重构，非常麻烦。
使用 GlobalThis 变量可以帮助我们写出更加简洁、易读和可移植的代码。我们无需关心全局对象在不同环境下的名称，只需要使用 GlobalThis 变量即可。
总结
在 JavaScript 开发中，访问全局对象是一个常见的需求。为了方便跨平台编写可移植的 JavaScript 代码，ES2020 标准引入了 GlobalThis 变量。使用 GlobalThis 变量可以避免在不同的 JavaScript 运行时环境中访问全局对象的复杂性，代码也更加简洁、易读和可移植。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ba09cdadd4f0e0ff295d8b