在前端开发过程中，我们经常会遇到全局变量的污染问题。全局变量是指在全局作用域中定义的变量，当在代码中频繁使用它们时，就容易发生变量污染。而 ES12 中的 globalThis 则是一个能够帮助我们避免全局变量污染的方法。
globalThis 是什么？
在早期 JavaScript 标准中，全局对象是不一致的。在浏览器中，全局对象是 window，但在 Node.js 和 Web Worker 中，全局对象分别是 global 和 self。这导致在不同场景中编写跨平台代码变得十分困难。而 ES12 中引入了一个新的全局对象 globalThis，它使得全局对象的访问变得一致。无论你的代码运行在哪个环境中，你都可以使用 globalThis 来访问全局对象。
globalThis 的使用
现在，你可以将全局变量通过 globalThis 来定义，这样做可以避免与其他库或代码的变量冲突。以下是使用 globalThis 定义全局变量的示例代码：
globalThis.myGlobalVariable = 1;
当在其他代码中访问 myGlobalVariable 时，可以使用以下代码：
console.log(globalThis.myGlobalVariable); // 1
globalThis 还可以避免跨平台代码中的全局变量污染。以下示例代码展示了如何将 globalThis 用于跨平台代码的全局变量：
-- -------------------- ---- ------- -- ----- -- ------- -------------------- --- ------------ - -------------------- - --- - -- ------ -- ------- -------------------- --- ------------ - -------------------- - --- -
在以上示例代码中，我们可以通过 globalThis 来访问全局对象，并定义 myLibrary 全局变量。
总结
全局变量的污染是前端开发中一个比较严重的问题。ES12 中的 globalThis 提供了一种使用全局变量的新方式，能够帮助我们避免全局变量的污染。使用 globalThis，你可以在任何环境中使用一致的方式定义和访问全局变量，从而简化代码编写过程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647bedd0968c7c53b072ed46