如何使用 ES11 中的 globalThis 关键字正确访问全局对象

在前端开发中，我们经常需要访问全局对象，比如 window、self、global 等等。但是不同的环境下，全局对象的名称是不同的，这就给我们带来了一些麻烦。ES11 中新增了一个 globalThis 关键字，可以方便地访问全局对象，本文将介绍如何使用 globalThis 关键字正确访问全局对象。

什么是 globalThis

在 ES11 中，globalThis 是一个新的关键字，它指向全局对象。无论在哪个环境下，都可以使用 globalThis 来访问全局对象。在浏览器环境下，globalThis 指向 window 对象，在 Node.js 环境下，globalThis 指向 global 对象。

如何使用 globalThis

使用 globalThis 访问全局对象非常简单，只需要在代码中使用 globalThis 关键字即可。下面是一个示例代码：

// 访问全局对象
console.log(globalThis);

// 访问全局对象的属性
console.log(globalThis.location.href);

上面的代码中，我们使用 console.log 方法输出了 globalThis 对象，然后访问了全局对象的 location.href 属性。

globalThis 的指导意义

使用 globalThis 可以方便地访问全局对象，避免了不同环境下全局对象名称的不同带来的麻烦。在编写跨平台代码时，使用 globalThis 可以使代码更加简洁、易读、易维护。

总结

本文介绍了如何使用 ES11 中的 globalThis 关键字来访问全局对象，以及 globalThis 的指导意义。在编写跨平台代码时，使用 globalThis 可以避免不同环境下全局对象名称的不同带来的麻烦，使代码更加简洁、易读、易维护。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65dd0a311886fbafa4a5f9b8