在前端开发中，全局对象是非常常见的概念。通常，全局对象指的是浏览器环境下的 window 对象，但在 Node.js 环境下，全局对象则是 global 对象。这两个对象在 API 和属性上存在很多差异，给跨平台开发带来了不少麻烦。为了解决这个问题，ES11 新增了 globalThis 对象，它提供了一个统一的跨平台和环境的全局对象，使得开发者可以更加方便地编写跨平台应用。
globalThis 对象的介绍
globalThis 对象是 ES11 新增的全局对象，它可以在任何环境下访问到。在浏览器环境下，它指向 window 对象；在 Node.js 环境下，它指向 global 对象。在其他环境下，比如 Web Worker 或者 Electron 应用中，它也能够指向正确的全局对象。
globalThis 对象提供了一些常用的全局属性和方法，比如 console、setTimeout、setInterval 等。如果你需要在跨平台开发中使用全局对象，建议使用 globalThis 对象来代替 window 或者 global 对象。
globalThis 对象的使用
globalThis 对象的使用非常简单，只需要在代码中使用 globalThis 关键字即可。下面是一个示例代码：
// 在浏览器环境下，globalThis 指向 window 对象 console.log(globalThis === window); // true // 在 Node.js 环境下，globalThis 指向 global 对象 console.log(globalThis === global); // true // 在其他环境下，globalThis 也能够正确指向全局对象
globalThis 对象的指导意义
globalThis 对象的出现，解决了跨平台开发中的一个痛点问题，使得开发者可以更加方便地编写跨平台应用。在实际开发中，我们可以使用 globalThis 对象来代替 window 或者 global 对象，从而提高代码的可移植性和可重用性。
此外，全局变量的使用一直被认为是一种不好的编程习惯，因为它容易导致命名冲突和代码污染。使用 globalThis 对象可以帮助我们减少全局变量的使用，从而提高代码的可维护性和可读性。
总结
globalThis 对象是 ES11 新增的全局对象，它提供了一个统一的跨平台和环境的全局对象，使得开发者可以更加方便地编写跨平台应用。在实际开发中，我们可以使用 globalThis 对象来代替 window 或者 global 对象，从而提高代码的可移植性和可重用性。同时，使用 globalThis 对象也可以帮助我们减少全局变量的使用，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650bfede95b1f8cacd611de0