在 ES11 中，新增了一个全局对象 globalThis，它是一个能够在任何环境下都能访问到全局对象的统一接口。这对于前端开发人员来说，是一个很有用的新特性。本文将介绍如何使用 globalThis，并提供相关示例代码。
globalThis 的介绍
在编程中，全局对象通常是由不同的环境定义的，比如浏览器中的 window 对象、Node.js 中的 global 对象等。由于不同环境定义的全局对象不同，因此我们需要使用不同的方法来访问它们，这不仅使得代码难以维护，而且也增加了学习成本。
globalThis 的出现解决了这一问题。它是一个能够在任何环境下都能访问到全局对象的统一接口。换句话说，我们可以使用 globalThis 来访问全局对象，而不需要关心当前环境。
下面是一个示例代码，它将使用 globalThis 访问全局对象：
// 访问全局对象 console.log(globalThis);
当在浏览器中运行时，将输出 Window 对象；当在 Node.js 中运行时，将输出 global 对象。
globalThis 和 window 对象的区别
虽然 globalThis 和 window 对象都是全局对象，但它们之间有所区别。window 对象仅存在于浏览器中，而 globalThis 则是在任何环境中都可用的。
此外，一些浏览器中的全局对象与 window 对象具有相同的属性，这意味着可以使用 window. 属性名和属性名来访问这些属性。然而，这在其他环境中可能无法进行。
因此，我们应该尽可能地使用 globalThis，以便能够在任何环境下都能访问全局对象。
globalThis 的应用场景
使用 globalThis 可以方便地编写跨平台的代码。例如，如果您正在开发一个 JavaScript 库，并希望它可以同时在浏览器和 Node.js 中运行，那么使用 globalThis 就非常有用了。
下面是一个示例代码，它使用 globalThis 实现了一个能够在任何环境下都能够输出日志的函数：
// 输出日志
function log(message) {
// 在不同环境中使用不同的全局对象
globalThis.console.log(message);
}
// 测试代码
log('Hello, world!');当在浏览器中运行时，将输出 "Hello, world!" 到浏览器的控制台中；当在 Node.js 中运行时，将输出 "Hello, world!" 到终端中。
总结
globalThis 是一个在 ES11 中新增的全局对象，它可以在任何环境下都能访问到全局对象。使用 globalThis 可以方便地编写跨平台的代码，并且能够降低学习成本，提高代码的可维护性。在编写 JavaScript 应用程序时，我们应该尽量使用 globalThis，以便能够在任何环境下都能顺利运行。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652b6f807d4982a6ebd561f4