前端开发过程中，我们经常需要获取全局对象，比如在浏览器环境中获取 window 对象，在 Node.js 环境中获取 global 对象。然而，不同的平台上全局对象的名称却不同，这给开发带来了许多麻烦。
ECMAScript 2021（ES12）引入了 GlobalThis，这使得我们可以在任何平台上获取全局对象，而不需要关心运行环境的差异。
GlobalThis 的介绍
GlobalThis 是一个全局对象，它是 ECMAScript 2021 中引入的新特性，用于解决全局对象获取的跨平台问题。GlobalThis 在任何平台上都可以使用，它的属性和方法是全局可用的。
在不同的平台上，全局对象的名称是不同的。在浏览器中，全局对象是 window；在 Node.js 中，全局对象是 global。但是在使用 GlobalThis 的情况下，我们可以在任何平台上使用一个公共的全局对象，而不需要关心具体的名称。
示例代码
下面的示例代码演示了如何使用 GlobalThis 在不同的平台上获取全局对象：
// 在浏览器环境中 console.log(globalThis === window); // true // 在 Node.js 环境中 console.log(globalThis === global); // true
GlobalThis 的学习意义
ES12 中的 GlobalThis 为开发者带来了许多便利。它消除了全局对象在不同平台上的差异，使得我们可以在任何平台上使用一个公共的全局对象。
使用 GlobalThis 还可以使开发过程更加清晰和简洁。通过使用一个公共的全局对象，我们可以在不同的平台上使用相同的代码，而不需要编写不同的代码来适应不同的平台。
GlobalThis 的指导意义
在实际开发过程中，我们可以通过使用 GlobalThis 来简化代码，消除平台差异带来的麻烦。当需要使用全局对象时，我们可以使用 GlobalThis 来获取它，而不需要关心具体的名称。
同时，在使用 GlobalThis 时需要注意，它是一个危险的特性，因为它允许在任何平台上使用全局对象。因此，在编写代码时需要谨慎使用，确保全局对象被正确地使用。在使用 GlobalThis 时，应该遵循良好的代码规范和最佳实践，避免出现意外的问题。
总结
ECMAScript 2021（ES12）中的 GlobalThis 特性为解决全局对象获取的跨平台问题提供了一种简单而有效的方法。通过使用 GlobalThis，我们可以在任何平台上使用一个公共的全局对象，而不需要关心具体的名称。在实际开发中，使用 GlobalThis 可以使开发过程更加简洁和清晰，但需要注意它的危险性，谨慎使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e57514f6b2d6eab30e653d