在 JavaScript 中，全局对象是指在浏览器环境中是 window，在 Node.js 环境中是 global。但是全局对象的命名存在差异，这让跨平台开发变得困难。为了解决这个问题，ES11 引入了 globalThis 对象。globalThis 会对当前的执行上下文返回正确的全局对象，无论在哪个平台上运行。本文将介绍 globalThis 对象的作用，并提供一些示例代码以及学习和指导意义。
globalThis 对象的作用
globalThis 对象是一个全局对象，可以在任何地方通过 globalThis 访问。在 Node.js 环境中，globalThis 就是 global；在浏览器环境中，globalThis 就是 window。globalThis 的引入有效解决了在不同平台上处理全局对象时存在的问题。
globalThis 可以在以下情况下使用：
在所有环境中获取全局对象。
在所有类似的 API 中。
可以使用 cross-realm 操作。
async 函数中。
ESM 模块的顶级作用域中。
Top-level await 在所有实现中。
globalThis 的作用不仅在于解决不同平台上的全局对象命名问题，还在于对于类似的 API，使用 globalThis 会更简单、更方便。在跨平台开发中，globalThis 可以极大地提高代码的可维护性和可读性。
示例代码
以下是 globalThis 的一些示例代码：
-- -------------------- ---- ------- -- ------ ----- ------------ - ----------- -- ---- -------------- - ------ ----------------- -- --- -- -------- ------- ----- ------- - ------------------- -- - ----- ----- ----- -------- -------------- - ----------------- ------------------------- - -- - --- ----------- -- -------- ------------------------ -- --------- ----- ----- ------ - ----- ------------------------ --------------------
学习和指导意义
在学习 globalThis 的使用之前，我们需要明确学习 globalThis 和理解 globalThis 的作用不仅是为了解决不同平台上的全局对象问题，它还能在类似的 API 中使用，易于跨平台开发，从而极大地提高代码的可维护性和可读性。理解 globalThis 对于我们写出更加高效、更具可读性和可维护性的代码非常有帮助。
此外，需要注意的是 globalThis 虽然是 ES11 新特性，但是目前并不是所有的浏览器和 Node.js 版本都支持，所以在使用 globalThis 时需要注意浏览器和 Node.js 版本的兼容性。
总结而言，ES11 中的 globalThis 对象的作用是解决不同平台上的全局对象命名问题，并且还可以在类似的 API 中使用，易于跨平台开发，提高代码的可维护性和可读性。使用 globalThis 有助于我们写出更好的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64801a9948841e9894f99b15