引言
ES12是JavaScript 的最新版本，它的全局对象相对于以往版本发生了一定的变化。在这篇文章中，我将介绍ES12中全局对象的变化，并提供一些示例代码，帮助你更好地理解ES12中的全局对象新特性。
全局对象变化
globalThis
在之前的JavaScript版本中，全局对象是由不同的宿主环境定义的。例如，浏览器环境定义了Window全局对象，Node.js 环境定义了global全局对象。由于这种差异性，对于跨平台和跨环境的应用程序来说，全局对象访问是非常困难的。
在ES12中，引入了一个新的全局对象globalThis来解决这个问题。globalThis是可以在所有的环境中使用的。在浏览器环境中，它是指window对象；在Node.js环境中，它是指global对象。
globalThis与window
尽管globalThis是跨平台和环境通用的，但它并不是所有情况下都能替代window对象。在浏览器环境中，window对象扮演着非常重要的角色，例如：
- 可以通过window对象访问到当前窗口的顶层对象
- 可以通过window对象获取当前网页的URL信息
- 可以通过window对象访问到浏览器的history对象等等
因此，在浏览器环境中，我们仍然需要使用window对象。
globalThis和self
在之前的JavaScript版本中，self全局对象在WebWorker等非Window环境中发挥了重要的作用。但是，在Window环境中，self对象指向的是window对象本身。ES12的globalThis对象提供了一个更标准化的解决方案。
示例代码
下面是一些使用globalThis的示例代码：
// 对于浏览器环境的代码 console.log(globalThis === window); // true // 对于Node.js环境的代码 console.log(globalThis === global); // true // 对于WebWorker环境的代码 console.log(globalThis === self); // true
结论
ES12中引入的globalThis对象解决了在不同环境下全局对象访问的问题。如果你需要在跨平台和跨环境的应用程序中使用全局对象，globalThis是非常方便的选择。然而，在浏览器环境中，由于window对象的重要性，你仍然需要使用它来完成某些必要的操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674a8be6a1ce00635493e619