在前端开发中，我们经常会遇到需要在多个平台上运行的情况。然而，由于不同平台的全局对象名称不同，例如在浏览器中是 window，在 Node.js 中是 global，所以在编写跨平台代码时，需要编写不同的代码以适应不同的平台。
ES10 中新增的 globalThis 可以解决这个问题。它提供了一个标准化的全局对象，无论在哪个平台上运行，都可以通过 globalThis 访问到全局对象。
globalThis 的使用
ES10 中的 globalThis 是一个全局属性，可以直接访问。在浏览器中，它指向 window 对象，在 Node.js 中，它指向 global 对象。
console.log(globalThis); // 在浏览器中输出，输出结果为： Window {...}
console.log(globalThis); // 在 Node.js 中输出，输出结果为： Object [global] {...}使用 globalThis 来访问全局对象，例如：
globalThis.console.log('Hello, world!');globalThis 的兼容性
由于 globalThis 是在 ES10 中新增的，所以在较早的浏览器和 Node.js 版本中，可能不支持这个属性。针对这种情况，我们可以使用 polyfill 来兼容老的浏览器和 Node.js 版本。
以下是一个简单的 polyfill 代码：
-- -------------------- ---- -------
-- ------- ---------- --- ------------ -
-- ------- ---- --- ------------ -
---------- - -----
- ---- -- ------- ------ --- ------------ -
---------- - -------
- ---- -- ------- ------ --- ------------ -
---------- - -------
-
-globalThis 的指导意义
使用 globalThis 可以使跨平台开发更加方便和简单。同时，由于 globalThis 提供了一个标准化的全局对象，也可以减少对全局变量的滥用，使代码更加规范和可维护。
总结
在本文中，我们介绍了 ES10 中的 globalThis，它可以解决跨平台全局对象问题。我们还讨论了如何使用和兼容 globalThis，以及它的指导意义。
使用 globalThis 可以让我们更加方便地编写跨平台代码，同时也可以使代码更加规范和可维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64aa685348841e9894690bcb