ES12 中的 globalThis：让代码更易于跨平台-JavaScript中文网-JavaScript教程资源分享门户

随着前端技术的不断发展，跨平台成为了越来越重要的需求。在不同平台上运行的代码需要具备跨平台的能力，尤其是全局对象的访问。

在过去，我们需要使用不同的方法来获取全局对象，在浏览器中使用 window，在 Node.js 中使用 global，在 Web Worker 中使用 self 或 postMessage。这些不同的方法使得代码的实现变得复杂且令人困惑。

ES2021 中新增了 globalThis 对象，它可以让我们更轻松地在不同平台上获取全局对象，实现代码的跨平台运行，同时也可以降低代码的复杂度和提高代码的可读性。

globalThis 的用途

通过 globalThis，我们可以：

在不同平台上获取全局对象，而不需要关心当前的平台或环境。比如：浏览器中的 window、Node.js 中的 global、Web Worker 中的 self 等等。
简化代码，使代码更易于阅读和维护。
实现跨平台代码，可以减少代码的重构，提高代码的复用性。

获取全局对象的语法如下所示：

const globalObject = globalThis;

if (typeof globalThis !== "undefined") {
  console.log("globalThis is available");
} else {
  console.log("globalThis is not available");
}

const globalObject = typeof globalThis !== "undefined" ? globalThis : global;

const globalObject = typeof globalThis !== "undefined" ? globalThis : self;

globalThis 是 ES2021 中新增的全局对象，它可以在不同平台上获取全局对象，实现代码的跨平台运行，并且可以降低代码的复杂度和提高代码的可读性。对于写跨平台代码的开发者来说，全局对象的访问变得更加易用、可读性更强，可以提高开发效率，减少代码的重构。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/653a51847d4982a6eb441ad3