在 JavaScript 中，全局对象是一个非常重要的概念，因为它包含了所有的全局变量和函数。ES11 之前，我们可以通过 window 对象来访问全局对象，但是在一些特殊的环境下，比如 Web Worker 和 Node.js 中，window 对象并不存在。为了解决这个问题，ES12 引入了一个新的全局对象 globalThis，本文将详细介绍 globalThis 的使用方法和意义。
什么是 globalThis
globalThis 是一个全局对象，它可以在任何环境下访问。在浏览器中，它指向 window 对象；在 Node.js 中，它指向 global 对象；在 Web Worker 中，它指向 self 对象。这样，不管在什么环境下，我们都可以通过 globalThis 来访问全局对象。
globalThis 的用途
1. 作为全局对象的标准访问方式
如上所述，globalThis 可以在任何环境下访问全局对象。这意味着我们不再需要根据不同的环境来使用不同的全局对象了，而是可以始终使用 globalThis 来访问全局对象。
// 在浏览器中 console.log(globalThis === window); // true // 在 Node.js 中 console.log(globalThis === global); // true // 在 Web Worker 中 console.log(globalThis === self); // true
2. 解决跨平台开发的问题
在跨平台开发中，我们经常需要编写一些可以在多个环境中运行的代码。使用 globalThis 可以让我们在不同的环境中使用相同的代码。
// 获取全局对象中的属性 const globalObject = typeof globalThis !== 'undefined' ? globalThis : this; const userAgent = globalObject.navigator.userAgent;
3. 实现动态导入
ES6 引入了 import() 方法，可以在运行时动态地加载模块。但是，在浏览器中，import() 方法是异步的，无法直接获取加载的模块。在 Node.js 中，require() 方法是同步的，可以直接获取加载的模块。为了解决这个问题，ES12 引入了 globalThis 对象，可以在任何环境下获取动态加载的模块。
// 动态加载模块
const module = await import('./module.js');
// 获取模块中的属性
const globalObject = typeof globalThis !== 'undefined' ? globalThis : this;
const value = globalObject.module.value;总结
globalThis 的引入解决了跨平台开发中的访问全局对象的问题，同时也提供了一种标准的访问全局对象的方式。在实际开发中，我们可以使用 globalThis 来访问全局对象，避免因不同的环境而导致的问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65828dbdd2f5e1655dda84d1