在 JavaScript 中，全局对象是一个非常重要的概念，它是一个特殊的对象，可以在任何地方访问到。在 ES5 中，全局对象可以通过 window 或者 global 访问到，但是在一些特殊的环境下，比如 Web Worker 中，window 对象并不存在，而 global 只在 Node.js 环境中存在。这就导致了跨平台编写代码时需要做一些特殊处理，非常繁琐。
ES2020 引入了一个新的全局对象 globalThis，它可以在任何环境下访问到，包括浏览器、Node.js、Web Worker、Service Worker 等。本文将详细解读这个新的全局对象，包括其定义、用途、示例代码以及注意事项。
定义
globalThis 是一个新的全局对象，它是全局命名空间的标准化解决方案。它可以在任何环境下访问到，而且它的属性和方法在不同的环境下都是一致的。
用途
globalThis 的主要用途是解决跨平台编写代码时的问题。在 ES5 中，我们需要判断当前代码运行的环境，然后选择不同的全局对象来访问全局变量。而在 ES2020 中，我们可以直接使用 globalThis 来访问全局变量，不需要考虑当前代码运行的环境。
另外，globalThis 还可以用来在不同的环境下共享变量和方法。比如在浏览器中，我们可以将一些通用的方法和变量挂载到 globalThis 上，然后在 Web Worker 中也可以直接访问到这些变量和方法。
示例代码
下面是一个简单的示例代码，展示了如何使用 globalThis 来访问全局变量：
// 在浏览器中 globalThis.test = 'hello world'; console.log(test); // 'hello world' // 在 Node.js 中 globalThis.test = 'hello world'; console.log(test); // 'hello world' // 在 Web Worker 中 globalThis.test = 'hello world'; console.log(test); // 'hello world'
注意事项
虽然 globalThis 在不同的环境下都可以访问到，但是它并不是所有环境下都支持的。比如在 IE11 中就不支持 globalThis，需要使用一些特殊的方法来模拟实现。因此，在使用 globalThis 时需要注意当前环境的兼容性。
另外，由于 globalThis 是 ES2020 引入的新特性，因此需要使用最新的浏览器或者 Node.js 版本才能使用。如果你的项目需要兼容旧版本的浏览器或者 Node.js，那么就需要使用一些特殊的方法来模拟实现 globalThis。
总结
globalThis 是 ES2020 引入的新特性，可以解决跨平台编写代码时的问题。它可以在任何环境下访问到，而且它的属性和方法在不同的环境下都是一致的。在使用 globalThis 时需要注意当前环境的兼容性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c5963cadd4f0e0ff01f638