随着技术的发展和进步，前端开发也越来越重要。在前端开发中，我们经常需要访问一些全局变量，比如 window、self 等。而在 ES11 中，引入了一个名为 globalThis 的新对象，它是一个全局对象，可以在任何地方使用，包括浏览器和 Node.js 等运行环境中。
在本文中，我们将详细介绍 globalThis 对象的使用方法，以及它对前端开发的指导意义。
globalThis 对象简介
在 ES11 中，globalThis 是一个新的全局对象，代表了当前的全局环境。它相当于是 window 和 self 在所有运行环境中的通用引用，也就是说，无论在浏览器还是在 Node.js 等其他环境中，都可以使用 globalThis 访问全局对象。
如何使用 globalThis 对象
在前端开发中，我们可以通过 globalThis 对象来访问一些常用的全局变量，比如 console、setTimeout 等。以下是一些示例代码：
// 使用 globalThis 访问全局对象 console
globalThis.console.log('hello world');
// 使用 globalThis 访问全局对象 setTimeout
globalThis.setTimeout(() => {
globalThis.console.log('call later');
}, 1000);如上所示，我们可以使用 globalThis 对象来访问全局对象中的各种方法和属性。
globalThis 对前端开发的指导意义
在前端开发中，不同的运行环境可能会有一些差异，比如 window 对象只在浏览器中存在，而在 Node.js 等环境中不存在。而 globalThis 对象则可以在所有环境中都可以使用，这样就可以减少代码的复杂度，使开发更加方便。
此外，globalThis 还可以用于跨平台开发，比如在浏览器和 Node.js 等环境中共用相同的代码库。
globalThis 对象的兼容性
由于 globalThis 是 ES11 中的新特性，因此在一些浏览器中可能还不支持。不过，我们可以通过使用 polyfill 来实现 globalThis 的兼容性。
以下是一些常见的 polyfill 实现。
浏览器中实现 globalThis
-- -------------------- ---- -------
--------- -- -
-- ------- ---------- --- --------- -------
--------------------------------------- ------------ -
---- -------- -- -
------ -----
--
------------- -----
---
-------------------- - ----------
------ ---------------------------
-----Node.js 中实现 globalThis
(global.globalThis = globalThis).globalThis ??= global;
结论
在本文中，我们详细介绍了 globalThis 对象的使用方法，以及它对前端开发的指导意义。通过使用 globalThis 对象，我们可以方便地访问全局变量，减少代码的复杂度，使开发更加方便。同时，我们也需要注意 globalThis 对象的兼容性，可以通过 polyfill 来实现兼容性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f13fa46fbf960197387b49