在传统的 JavaScript 开发中，全局变量和函数是全局作用域中最重要的部分。然而，在浏览器中全局对象window和在 Node.js 中全局对象global存在差异性，这导致开发者需要特殊的处理来保证代码的可移植性。
在 ES10 中，新加入了一个globalThis对象，它作为全局对象在任何环境下都是可以访问的，使得开发者无需再担心全局作用域的可移植性问题。
globalThis 的作用
globalThis作为新的标准对象，可以在任何JavaScript环境中使用，它的作用主要有两个：
- 提供一个平台无关的全局对象
- 简化跨平台代码的编写
由于 ES10 标准定义了该对象，所以在不同的JavaScript环境下，globalThis都能上传统全局变量和函数。
如何使用 globalThis
在全局作用域下，我们可以直接使用globalThis对象，如下所示：
// javascriptcn.com 代码示例
// 常规方式获取全局对象
const myGlobal = (function () {
// Node.js
if (typeof globalThis !== 'undefined') return globalThis;
// 浏览器
if (typeof window !== 'undefined') return window;
// Web Worker
if (typeof self !== 'undefined') return self;
// Other environments
return Function('return this')();
})();
// 使用globalThis对象
globalThis.setTimeout(() => {
console.log('Hello globalThis!');
}, 1000);在上面的示例中，我们使用了 globalThis 对象来获取全局变量和函数，而不需要关心当前执行的环境。这个方法可以保证我们代码的可移植性，同时也非常简洁。
实际应用场景
在开发中，我们经常需要进行逻辑判断来决定当前脚本的执行环境，如下所示：
// javascriptcn.com 代码示例
if (typeof window !== 'undefined') {
// 浏览器环境
console.log('This code is running in a web browser!');
} else if (typeof global !== 'undefined') {
// Node.js 环境
console.log('This code is running in Node.js!');
} else {
// 其他环境
console.log('This code is running in an unknown environment!');
}这个方法虽然可以根据不同的环境进行适配，但是会增加代码的复杂度。使用globalThis对象可以让我们避免这样的逻辑处理，直接在任何地方使用全局变量和函数。
总结
ES10中，globalThis对象作为全局对象的标准定义，可以用于任何JavaScript环境的开发中。使用globalThis对象可以让我们更加关注代码的业务逻辑，而不用为了兼容性而进行繁琐的环境适配。
总的来说，使用globalThis对象是一种更加规范和简便的方式，可以减少代码的复杂度，提高代码的可读性，使得我们的代码更加易于维护和扩展。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65324dc87d4982a6eb4d2a98