随着前端技术的不断发展，ECMAScript 2020 引入了一个新的全局对象 globalThis，用来解决跨平台问题。本文将介绍该对象的特点以及如何在实践中使用它。
globalThis 是什么？
传统的 JavaScript 中，浏览器环境下全局对象为 window，Node.js 环境下则为 global，这两个对象在不同的环境中引用时会出现问题。ECMAScript 2020 引入了全局对象 globalThis，用来解决跨平台问题。
globalThis 可以在任何环境中（浏览器、Node.js、Web Worker、iframe 等）访问全局作用域，可以更加方便地实现跨平台的开发和互相通信。
globalThis 的使用
globalThis 是一个对象，可以直接访问它的属性和方法，下面是一些常用的方法及其用法。
setTimeout 方法
在 Web Worker 中，可以使用 self.setTimeout() 方法；在浏览器中，可以使用 window.setTimeout() 方法；在 Node.js 中，可以使用 global.setTimeout() 方法。而在使用 globalThis.setTimeout() 方法时，可以在任何平台上使用同一套代码。
globalThis.setTimeout(() => {
console.log('Hello, globalThis!')
}, 1000)fetch 方法
在浏览器中，可以使用 window.fetch() 方法；在 Node.js 中，可以使用 node-fetch 库。而在使用 globalThis.fetch() 方法时，可以在任何平台上使用统一的方法。
globalThis.fetch('https://example.com/data.json')
.then((response) => {
return response.json()
})
.then((data) => {
console.log(data)
})对象属性
在全局作用域中，可以使用 this 关键字来访问对象属性，但在某些情况下，this 指向不明确。使用 globalThis 对象可以避免这种情况。
const message = 'Hello, globalThis!' globalThis.console.log(message)
总结
globalThis 是唯一可以在任何平台上使用的全局对象，它能够极大地方便跨平台的开发和互相通信。在实践中，对于轻量级项目或示例代码，可能并没有必要使用 globalThis，但在实现跨平台的项目中，使用 globalThis 可以大大减少代码的复杂性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6544a1bb7d4982a6ebe7a0fb