在前端开发中，不同的浏览器和运行环境可能会有不同的全局对象。在过去，我们可能需要使用不同的代码来适配不同的环境，这不仅增加了开发和维护的难度，还可能导致代码的兼容性问题。而现在，ES2021 中新增的 GlobalThis 对象可以帮助我们更好地处理这些问题。
GlobalThis 对象简介
GlobalThis 对象是一个全局对象，它在任何环境下都存在，可以用来访问全局作用域。在浏览器环境下，它等价于 window 对象；在 Node.js 环境下，它等价于 global 对象。使用 GlobalThis 对象可以避免在不同环境下使用不同的全局对象，从而提高代码的兼容性。
使用 GlobalThis 对象的示例
下面是一个使用 GlobalThis 对象的示例代码，它可以在不同的环境下输出不同的全局对象：
const globalObject = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
globalObject.console.log('Hello, world!');在浏览器环境下，上述代码会输出 window 对象的 console 对象；在 Node.js 环境下，它会输出 global 对象的 console 对象。在其他环境下，它会输出 self 对象的 console 对象。
使用 GlobalThis 对象的指导意义
使用 GlobalThis 对象可以使代码更加简洁、易于维护，并提高代码的兼容性。在开发过程中，我们应该尽可能地使用 GlobalThis 对象，避免使用特定的全局对象，从而使代码更加通用。
同时，我们还可以使用 polyfill 或者 shim 来实现 GlobalThis 对象的兼容性，从而在旧版浏览器中也能够使用 GlobalThis 对象。
总结
GlobalThis 对象是 ES2021 中新增的全局对象，它可以在任何环境下访问全局作用域，从而提高代码的兼容性。使用 GlobalThis 对象可以避免在不同环境下使用不同的全局对象，使代码更加通用。在开发过程中，我们应该尽可能地使用 GlobalThis 对象，并使用 polyfill 或者 shim 来实现兼容性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6512b9f595b1f8cacdb3b7a9