在过去的前端开发中，我们需要在不同的宿主环境下使用不同的全局对象。比如在浏览器中就是 window，而在 Node.js 环境中则是 global。这样不同的全局对象给前端开发带来了很多麻烦和兼容性问题。但是 ES11 中新增了 globalThis 这一全局变量，为跨环境的开发提供了统一的 API。
globalThis 是什么
globalThis 是一个全局对象，在不同的 JavaScript 环境中都可以访问到。它可以用来获取全局对象，而不用关心宿主环境。所以它可以用来实现跨环境开发，为不同环境提供统一的 API。
globalThis 包含了许多其他的全局对象，比如 window、global 等。在浏览器中，通过全局的 window 对象可以访问浏览器窗口的所有属性和函数，如 document、setTimeout 等。在 Node.js 环境中，则通过全局的 global 对象访问节点环境的属性和函数，如 process、setTimeout 等。而 globalThis 可以代替所有的全局对象，提供统一的访问方式，简化代码。
如何使用 globalThis
使用 globalThis 可以避免不同环境下使用不同的全局对象带来的复杂性。比如在浏览器中用 window，而在 Node.js 中用 global 等。
// 在浏览器环境下，我们可以用 window 来 alert
window.alert('Hello World');
// 在 Node.js 环境中，我们需要用 global 来输出
global.console.log('Hello World');
// 而使用 globalThis 就可以在两个环境下都输出
globalThis.console.log('Hello World');使用 globalThis 简化了开发复杂度，同时增强了代码的可重用性和可移植性。
globalThis 在项目中的应用
在项目中，使用 globalThis 可以增强代码的可移植性和可重用性。比如我们在编写一个库时，需要使用全局对象，而宿主环境并不确定。我们可以通过 globalThis 来实现跨环境的兼容。
// 例如，在库中我们需要定时器函数，但是不确定宿主环境
if(globalThis.setTimeout){
globalThis.setTimeout(callback, delay);
}globalThis 对于跨环境开发是一个重要的进步，它能够大大简化开发流程，提高代码的复用性和可移植性。
总结
ES11 中新增的 globalThis 为跨环境的开发提供了统一的 API，可以解决不同环境下使用不同全局对象所带来的复杂性。它可以减少代码开发的难度，同时增强了代码的可移植性和可重用性。
在前端开发中，我们能够使用 globalThis 来统一不同宿主环境下的全局对象，使代码更具可移值性和可重用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b0c7d848841e9894cf290d