快速掌握 ES11 的全局对象 globalThis

在 JavaScript 中，全局对象指的是在任何位置都能访问的对象。在浏览器中，全局对象是 window，而在 Node.js 中，全局对象是 global。但是，这两个全局对象并不兼容。在 ES11 中，引入了全局对象 globalThis，为 JavaScript 打破了浏览器和 Node.js 的界限，让程序员可以在不同的平台上编写一致的代码。

全局对象 globalThis 的作用

globalThis 是一个全局对象，它指向当前运行环境下的全局对象。与 window 和 global 不同，它在浏览器和 Node.js 中都能使用。

在日常的开发中，我们经常需要在不同的环境中编写代码，但是由于浏览器和 Node.js 中全局对象不同的问题，我们需要使用不同的方式来访问全局对象。使用 globalThis，我们可以快速地解决这个问题，只需要使用 globalThis 即可访问全局对象。例如：

console.log(globalThis); // 浏览器中为 window，Node.js 中为 global

全局对象 globalThis 的语法

全局对象 globalThis 是 ES11 中新增的全局对象，可以直接使用，无需引入其他模块。例如：

console.log(globalThis); // 浏览器中为 window，Node.js 中为 global

全局对象 globalThis 的示例

示例一：访问全局变量

在浏览器中，全局变量可以通过 window 对象访问，在 Node.js 中，可以通过 global 对象访问。但是，使用 globalThis 可以访问全局变量，无需担心不同环境的区别。例如：

globalThis.a = 1;
console.log(a); // 1

示例二：获取全局对象的方法

在 ES11 之前，我们需要使用不同的方法来获取不同环境下的全局对象。使用 globalThis，我们可以快速地获取全局对象，代码更加简洁。例如：

// ES11 之前获取浏览器中的全局对象
const browserGlobal = typeof window !== 'undefined' ? window : global;
// ES11 中获取全局对象
const globalObj = globalThis;

如何开始使用全局对象 globalThis

全局对象 globalThis 在浏览器和 Node.js 中都可用，无需安装或引入其他模块。在日常开发中，使用 globalThis 可以避免出现环境不兼容的问题，让代码更加简洁易懂。因此，在学习 ES11 的时候，建议开发者也一起学习全局对象 globalThis 的使用，从而提高代码的可维护性。

总结

全局对象 globalThis 是 ES11 中新增的全局对象，可在浏览器和 Node.js 中使用。它可以快速访问全局变量和全局对象，使得代码更加简洁，易于维护。对于那些需要在不同环境下编写代码的开发者而言，掌握全局对象 globalThis 的使用是非常必要的。

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