在 ES12 中，新增了一个全局对象 globalThis，它可以在任何环境下获取到全局对象，无需考虑当前环境的具体实现。这个新特性在前端开发中有着重要的指导意义，本文将介绍它的详细内容和使用方法。
globalThis 的作用
在 JavaScript 中，全局对象是一个非常重要的概念，它可以在任何地方获取到全局变量和函数。但是，在不同的环境下，全局对象的实现方式也不同。比如在浏览器中，全局对象是 window，而在 Node.js 中，全局对象是 global。
在 ES12 中，新增的 globalThis 对象可以在任何环境下获取到全局对象，这样就可以避免不同环境下获取全局对象的方式不一致的问题。同时，在一些跨平台的场景下，也可以更加方便地获取全局对象。
globalThis 的使用方法
globalThis 对象的使用非常简单，直接使用即可。在浏览器中，它就是 window 对象；在 Node.js 中，它就是 global 对象。下面是一个示例代码，演示了如何使用 globalThis 对象获取全局对象。
// 浏览器环境 console.log(globalThis === window); // true // Node.js 环境 console.log(globalThis === global); // true
globalThis 的指导意义
globalThis 对象的引入，使得在不同环境下获取全局对象变得更加简单和方便。在前端开发中，我们经常会遇到需要获取全局对象的场景，比如获取浏览器窗口的大小、获取当前页面的 URL 等等。使用 globalThis 对象，我们可以更加方便地实现这些功能。
同时，globalThis 对象的引入也意味着 JavaScript 语言的标准化程度更高了。在以前的版本中，由于不同环境下全局对象的实现方式不同，可能会导致代码在不同环境下出现兼容性问题。而使用 globalThis 对象，可以避免这些问题的出现，使得代码更加稳定和可靠。
总结
ES12 中新增的 globalThis 对象可以在任何环境下获取到全局对象，使得获取全局对象变得更加简单和方便。在前端开发中，我们可以使用它来实现一些常见的功能，比如获取浏览器窗口的大小、获取当前页面的 URL 等等。同时，globalThis 对象的引入也意味着 JavaScript 语言的标准化程度更高了，可以使得代码更加稳定和可靠。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656a9864d2f5e1655d300dd3