JavaScript 中的全局对象经常被用于获取全局可用的变量和对象，同时也提供了许多有用的属性和方法。在以前，获取全局对象的方法是通过确定当前环境来选择一种方法，例如在浏览器中使用 window 或在 Node.js 环境中使用 global。然而，在 ES11 中，引入了一个新的方法 GlobalThis，用于获取全局对象。
在本篇文章中，我们将探讨使用 GlobalThis 的正确方法，并说明为什么它是替代其他方法的最佳选择，以及如何在实际应用中使用 GlobalThis。
使用 GlobalThis 的优势
使用 GlobalThis 替代其他方法获取全局对象的优势在于它的跨平台兼容性。使用 GlobalThis，开发人员不必担心在不同环境中使用不同的方法获取全局对象，这使得代码更直观、易读和更容易维护。另外，由于 GlobalThis 是 ES11 新引入的特性，因此它能够在更多的现代浏览器、Node.js 环境中使用。
如何使用 GlobalThis
使用 GlobalThis 很简单，可以直接访问全局对象，而不必担心在不同环境中使用不同的名称。以下是使用 GlobalThis 的示例代码：
// 在浏览器中 console.log(GlobalThis === window); // true // 在 Node.js 中 console.log(GlobalThis === global); // true
上述代码演示了如何使用 GlobalThis 来获取在当前环境中全局对象。在浏览器中，全局对象是 window，而在 Node.js 中，全局对象是 global。由于 GlobalThis 可以自适应不同的环境，因此开发人员可以用相同的方式在多个环境中访问全局对象。
典型的应用场景
在实际的应用程序中，开发人员可以在许多场景中使用 GlobalThis，例如：
获取全局变量
使用全局变量是许多应用程序的常见做法，使用 GlobalThis 获取全局变量将简化代码并提高可读性。以下是一个示例代码：
const username = 'Foo'; console.log(GlobalThis.username); // 'Foo'
获取全局方法
同样，开发人员还可以使用 GlobalThis 访问全局方法来简化代码并提高可读性。以下是一个示例代码：
function printHello() {
console.log('Hello, world!');
}
GlobalThis.printHello(); // 'Hello, world!'跨平台脚本
对于多平台脚本的开发人员，使用 GlobalThis 将极大地简化代码。以下是一个示例代码：
-- -------------------- ---- ------- -- ----- -- ----------- --- ------- - -- -- --------- - -- - ------- - -- ----------- --- ------- - -- -- --------- -
结论
GlobalThis 是一个非常有用的功能，它简化了跨环境的开发工作并使代码更易于理解和维护。与其他获取全局对象的方法相比，它是更好的选择。因此，在编写新的 JavaScript 代码时应该始终使用 GlobalThis 来获取全局对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670b83ddd91dce0dc88b06d4