在过去的 JavaScript 版本中，全局对象的引用是根据 JavaScript 运行环境决定的。例如，在浏览器环境下，全局对象是 window，而在 Node.js 环境中，全局对象是 global。这种差异在跨平台开发时会导致一些问题。ES11 引入了 globalThis，它是一个全局变量，可以在任何 JavaScript 环境中引用全局对象。在这篇文章中，我们将深入了解 globalThis，并给出一些示例代码以指导读者如何使用它。
globalThis 简介
globalThis 是具有全局作用域的变量，它在所有 JavaScript 环境中都可用。它的特点是始终指向全局对象，无论在什么环境中运行。这使得编写跨平台和可移植的代码变得更加容易，因为你不需要再去判断当前环境中的全局对象。
在使用 globalThis 时，你不需要再使用条件语句来确定全局对象的名称，例如if (typeof window !== 'undefined') { window.alert('Hello World!'); }，可以改写为 globalThis.alert('Hello World!');，在任何 JavaScript 环境中都能运行。
globalThis 的使用示例
为了更好地理解 globalThis 的使用，我们来看一个简单的示例。假设你正在开发一个 JavaScript 应用程序，该应用程序在浏览器和 Node.js 环境中运行，你想要在全局对象中注册一个名称为 myApp 的命名空间。在过去，你需要使用条件语句来确定全局对象并注册命名空间：
-- ------- ------ --- ------------ -
------------ - ---
- ---- -- ------- ---------- --- ------------ -
---------------- - ---
-现在，借助 globalThis，你无需判断当前环境，只需使用下面一行代码即可完成同样的任务：
---------------- - ---
这样，你就可以从任何地方访问 myApp 命名空间，例如：
------------------------------
结论
ES11 引入的 globalThis 变量在跨平台开发中非常有用。使用 globalThis，你可以更轻松地编写可移植的代码，而无需在不同的 JavaScript 环境中判断全局对象的名称。本文提供了一些示例代码来说明如何在 JavaScript 程序中使用 globalThis，读者可以根据自己的需要进行变形。
希望这篇文章能够为你提供帮助，让你更加了解 globalThis 的用途和能力。在今后的开发过程中，请记得使用 globalThis 来访问全局对象。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6714bf56ad1e889fe2158c85