如何使用 ES11 中的 globalThis 对象

在 ES11 中，新增了一个全局对象 globalThis，它可以在任何环境中获取到全局对象，无论是在浏览器还是在 Node.js 中。

globalThis 的作用

在早期的 JavaScript 中，获取全局对象的方式是不同的。在浏览器中，可以使用 window 对象来获取全局对象；在 Node.js 中，则可以使用 global 对象。

但是由于现代 JavaScript 应用程序不仅仅运行在浏览器和 Node.js 中，还可以在 Web Worker、Web Assembly 和其他环境中运行。因此，globalThis 对象的出现就是为了解决这个问题。

globalThis 对象的作用就是提供一种跨平台获取全局对象的方式，无论在哪个环境中，都可以使用 globalThis 来获取全局对象。

如何使用 globalThis 对象

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

// 在浏览器中
console.log(globalThis === window); // true

// 在 Node.js 中
console.log(globalThis === global); // true

如上代码所示，globalThis 对象在浏览器环境中等同于 window 对象，在 Node.js 环境中等同于 global 对象。

globalThis 的指导意义

globalThis 对象的出现，使得 JavaScript 应用程序的编写更加规范化。在不同的环境中，我们都可以使用同样的方式来获取全局对象，这样就可以避免因为环境不同而带来的代码不兼容问题。

同时，globalThis 对象也可以提高代码的可读性。无论是在浏览器还是在 Node.js 中，我们都可以使用 globalThis 来获取全局对象，这样代码的可读性就会更高。

总结

在 ES11 中，新增了一个全局对象 globalThis，它可以在任何环境中获取到全局对象。使用 globalThis 对象可以使得 JavaScript 应用程序的编写更加规范化，同时也可以提高代码的可读性。在实际开发中，我们可以根据需要来使用 globalThis 对象，以便更好地编写跨平台的 JavaScript 应用程序。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655007c07d4982a6eb8f45fa