ECMAScript 2020 (ES11)：如何使用 globalThis 变量
在 ES11 中，JavaScript 引入了 globalThis 变量，作为访问全局对象的标准化方式。在之前的规范中，全局对象的访问方式是不统一的，不同的运行时环境有着不同的实现。在 Web 浏览器中，全局对象通常是 window，但在 Node.js 中，全局对象是 global。使用 globalThis 可以让我们不再关注运行时环境的差异，而是专注于业务逻辑的实现。
globalThis 变量是什么？
globalThis 是一个全局变量，它可以在任何上下文中（包括不同的运行时环境中）用来访问全局对象。globalThis 变量的值是全局对象本身，它通过大写字母 G 和 T 来代表“全局 this”。
在浏览器中，globalThis 变量的值是 window 对象，在 Node.js 中是 global 对象。
使用 globalThis 的好处
globalThis 的出现，让访问全局对象的方式变得统一，简化了代码的编写，并且不用关心运行时环境的差异。下面是一些使用 globalThis 的例子。
示例代码：
// 在浏览器中 console.log(globalThis === window); // true
// 在 Node.js 中 console.log(globalThis === global); // true
// 在 Web Worker 中 console.log(globalThis === self); // true
如何使用 globalThis
globalThis 变量的使用方法非常简单，可以在任意地方使用。例如，在一个函数中，我们可以使用 globalThis 访问全局对象：
function getGlobalObject() { return globalThis; }
console.log(getGlobalObject() === window); // true
不过，使用 globalThis 也需要注意一些问题。在一些旧的 JavaScript 运行时环境中，globalThis 变量可能不存在或不受支持。为了避免出现兼容性问题，可以添加对 globalThis 的兼容性检查。例如：
if (typeof globalThis === 'undefined') { if (typeof window !== 'undefined') { globalThis = window; } else if (typeof self !== 'undefined') { globalThis = self; } else { throw new Error('globalThis is not supported in this environment') } }
总结
globalThis 是 ES11 中引入的一个新全局变量，用来访问全局对象。与旧有方式不同，globalThis 可以在任何上下文中，包括不同的运行时环境中使用，并且具有统一的访问方式。使用 globalThis 可以简化代码编写，并且避免兼容性问题的出现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b79d6fadd4f0e0ff02a899
