在 ES12 中，新增了一个全局对象 globalThis，它可以在任何环境下访问到全局对象，包括浏览器和 Node.js 环境。在过去，我们需要使用不同的方式来访问全局对象，如 window、self、global、this 等，但现在我们可以使用 globalThis 来访问全局对象，这样就可以避免在不同的环境下使用不同的方式来访问全局对象。
globalThis 的用途
globalThis 的主要用途是在不同的环境中访问全局对象。在浏览器环境中，我们可以使用 window 或 self 来访问全局对象，而在 Node.js 环境中，我们可以使用 global 或 this 来访问全局对象。但是，在一些特殊的情况下，我们需要在不同的环境中使用不同的方式来访问全局对象，这样会增加代码的复杂度。使用 globalThis 可以避免这种情况的发生，因为 globalThis 在任何环境下都可以访问全局对象。
globalThis 还可以用来访问一些全局性的对象和函数，如：
- console：用于在控制台输出日志和调试信息；
- setTimeout 和 setInterval：用于设置定时器；
- fetch：用于进行网络请求；
- Promise：用于处理异步操作。
globalThis 的应用模式
在实际开发中，我们可以使用 globalThis 来访问全局对象和全局性的对象和函数。下面是一些示例代码：
访问全局对象
-- ------- ---------------------- --- -------- -- ---- ---------------------- --- ------ -- ---- -- - ------- --- ---------------------- --- -------- -- ---- ---------------------- --- ------ -- ----
访问全局性的对象和函数
-- ------- ------------------------------ --------- -- -- ------ ------ -- - ------- --- ------------------------ -- - ------------------- --------- -- ------ -- - ---- ------ ------
总结
ES12 中的 globalThis 提供了一个简单的方式来访问全局对象和全局性的对象和函数，可以避免在不同的环境下使用不同的方式来访问全局对象，从而简化了代码的编写。在实际开发中，我们可以使用 globalThis 来访问全局对象和全局性的对象和函数，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fac096d10417a22268da26