在前端开发中，我们经常需要获取全局对象，比如在 Web 应用中获取 window 对象。然而，这种做法会与环境紧密耦合，降低代码的可维护性。为了解决这个问题，ES12 新增了一个全局对象 globalThis，本文就来深入了解它的用法和作用。
globalThis 的用法
globalThis 是一个特殊的全局对象，它能够在任何环境下获取全局对象。它的用法非常简单，在任何代码中，只要直接使用 globalThis 就能获取到全局对象。
console.log(globalThis);
// 在浏览器中输出：Window { ... }
// 在 Node.js 中输出：Object [global] { ... }由于 globalThis 是 ES12 新增的特性，如果你在老的浏览器或者 Node.js 版本中使用它，可能会出现兼容性问题，解决方法有两种：
- 使用 polyfill 库 globalthis。
- 使用全局对象的先前标准，如 window、self、frames、global 等。
globalThis 的作用
1. 避免环境耦合
globalThis 对于前端开发十分有用，它能够帮助我们避免环境耦合。我们不需要再根据运行环境来判断到底该使用哪个全局对象，只需要使用 globalThis 就能获取到全局对象，这样就能更好地编写可跨平台的代码。
比如下面这段代码就能够在浏览器和 Node.js 中都执行。
globalThis.setTimeout(() => {
console.log('Hello, world!');
}, 1000);2. 简化代码质量控制
使用全局对象的时候，如果代码中错误地使用了未定义的全局对象，有可能会导致代码崩溃。而使用 globalThis 则能够简化这个问题。如果某个全局对象未定义，使用它会抛出一个错误，我们就能够轻松定位问题，并且避免代码的运行失败。
比如下面这段代码就能够发现代码中的错误并且执行正确的代码。
if (globalThis.window) {
// 浏览器环境下的代码...
} else {
// Node.js 环境下的代码...
}3. 更好地编写 TypeScript 类型定义
TypeScript 是一个静态类型检查的超集，它在编译期间就能够发现代码错误。ES12 的 globalThis 对于 TypeScript 手动声明全局对象的类型定义非常有用。我们可以在 typings.d.ts 文件中声明全局变量的类型，同时使用 globalThis 来获取到这个全局对象。
比如下面这段代码就是用 TypeScript 声明 console 的类型，然后在代码中使用 globalThis 来获取该对象。
declare const console: Console; globalThis.console = console;
globalThis 的指导意义
在开发过程中，环境耦合是一个很大的问题。ES12 新增的 globalThis 对于前端开发十分重要，它能够提高代码的可维护性和可移植性，并且能够简化 TypeScript 类型定义的编写。无论是在浏览器还是 Node.js 中，都应该多加使用 globalThis，从而提高代码的质量和可移植性。
总结
globalThis 对于前端开发有着重要的作用，它能够避免环境耦合、简化代码质量控制，并且更好地编写 TypeScript 类型定义。在编程中，我们应该尽可能地使用 globalThis，从而提高代码的可维护性和可移植性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6455fca1968c7c53b094cb5d