在 ECMAScript 2020（ES11）中，一个新的全局对象属性 globalThis 被引入。这个属性提供了一个标准的方式来访问全局对象，在浏览器和 Node.js 等不同的环境中都能够使用。
globalThis 是什么？
在 JavaScript 中，全局对象是一个非常重要的概念。在浏览器环境中，全局对象是 window，而在 Node.js 环境中，全局对象是 global。不同的环境下，全局对象的名称也不同，这给跨平台开发带来了一些麻烦。
为了解决这个问题，globalThis 属性被引入。globalThis 是一个全局对象的属性，它的值是全局对象本身。无论在哪个环境下，你都可以通过 globalThis 来访问全局对象。
globalThis 的使用
使用 globalThis 可以使代码更加具有可移植性。在浏览器环境下，你可以使用 globalThis 来访问 window 对象：
console.log(globalThis === window); // true
在 Node.js 环境下，你可以使用 globalThis 来访问 global 对象：
console.log(globalThis === global); // true
在 Web Worker 环境下，self 对象是全局对象。使用 globalThis 可以访问 self 对象：
console.log(globalThis === self); // true
使用 globalThis 还可以避免在不同环境下使用不同的全局对象名称所带来的问题。例如，在浏览器环境下，你可能会使用以下代码来访问全局对象：
if (typeof window !== 'undefined') {
// 在浏览器环境中
window.foo();
} else if (typeof global !== 'undefined') {
// 在 Node.js 环境中
global.foo();
}使用 globalThis 可以使代码更加简洁和易读：
globalThis.foo();
globalThis 的指导意义
globalThis 的引入使得 JavaScript 在不同环境下的开发更加统一和方便。在跨平台开发中，使用 globalThis 可以避免出现因不同环境下全局对象名称不同而导致的错误。
此外，globalThis 的引入也提醒我们，全局对象在 JavaScript 中的重要性。全局对象不仅仅是一个名称，它提供了许多重要的功能和方法，如 setTimeout 和 setInterval 等。了解全局对象的特性和使用方法，可以帮助我们更好地编写 JavaScript 代码。
结论
globalThis 属性是 ECMAScript 2020（ES11）中的一个新特性，它提供了一个标准的方式来访问全局对象。使用 globalThis 可以使 JavaScript 在不同环境下的开发更加统一和方便。在编写 JavaScript 代码时，了解全局对象的特性和使用方法也是非常重要的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675db9e2e1dcc5c0fa40d870