在 JavaScript 中，全局变量是指在任意位置都可被访问的变量。尽管全局变量在某些情况下很有用，但它也可能导致很多问题，尤其在大型项目中。因为全局变量可能被无意中覆盖，导致程序的行为不可预测。
在 ES5 中，我们可以使用 window 对象来访问全局变量。但是，在 node.js 等环境中，window 对象并不存在。因此，ES10 引入了 globalThis 全局变量，以解决这个问题。它可以在任何 JavaScript 环境中访问，并且始终指向全局对象。
使用 globalThis
globalThis 的使用方式与 window 相同。我们可以使用它来访问全局变量或全局函数：
// 在浏览器环境中 console.log(window.innerWidth); // 输出浏览器窗口的宽度 // 在 node.js 环境中 console.log(globalThis.process.cwd()); // 输出当前进程的工作目录
globalThis 的意义
使用 globalThis 的好处在于，我们可以不必检查当前环境是否是浏览器还是 node.js，而是使用同一个符号 globalThis 来访问全局对象。这样有助于编写跨平台的代码。
此外，使用 globalThis 还可以避免不必要的全局变量污染，因为我们不需要在全局作用域中定义变量。
示例
假设我们要创建一个全局计数器，以便在整个程序中进行访问。我们可以使用 globalThis 来创建这个计数器：
-- -------------------- ---- ------- -- --------------------- - ------------------ - -- - -------- ----------- - --------------------- - -------------------------------- -- -- - ------------ -------------------------------- -- -- -
在上面的代码中，我们首先检查计数器是否已经存在，如果不存在则将其初始化为 0。然后，我们定义了一个 increment 函数，它将计数器加 1。最后，我们调用 increment 函数两次，并检查计数器的值是否正确。在这个示例中，我们没有使用全局变量，而是使用了 globalThis，这样做可以避免不必要的变量污染。
总结
globalThis 是 ES10 中新增的全局变量，它可以在任何 JavaScript 环境中访问，并始终指向全局对象。使用它可以避免环境差异性，并可以避免不必要的全局变量污染。同时，使用 globalThis 还可以方便地创建全局变量和函数。在开发跨平台的代码时，使用 globalThis 是非常有用的技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6463627b968c7c53b046ac59