在 JavaScript 中，环境问题是一个非常常见的问题。由于 JavaScript 可以在多个环境中运行，如浏览器、Node.js 等，这导致了一些全局对象（例如 window、global）在不同环境中的存在与否不尽相同，使得开发者在编写跨环境的代码时很容易出现问题。
为了解决这个问题，ES11 引入了一个新的全局对象 globalThis，它可以在任何环境中被访问，从而保证了代码的可移植性和兼容性。
globalThis 的基本用法
在 ES11 中，我们可以直接使用 globalThis 对象来访问全局作用域。它的用法非常简单，只需要使用 globalThis 关键字即可。例如：
console.log(globalThis); // 输出全局对象
在浏览器环境下，globalThis 对象就是 window 对象；在 Node.js 环境下，globalThis 对象就是 global 对象。因此，使用 globalThis 对象可以解决在不同环境中全局对象的访问问题。
globalThis 的高级用法
除了基本用法之外，globalThis 还提供了一些高级用法，可以帮助我们更好地处理跨环境的问题。
在闭包中使用 globalThis
在闭包中，由于无法访问全局作用域，因此我们通常需要将全局对象作为参数传递进去。但是，在使用 globalThis 之后，我们可以直接在闭包中使用 globalThis 对象，而无需传递额外的参数。例如：
(function() {
// 在闭包中使用 globalThis
const global = globalThis;
console.log(global);
})();兼容性处理
尽管 globalThis 是 ES11 引入的新特性，但是在许多环境中仍然无法使用。为了解决这个问题，我们可以使用 polyfill，即在不支持 globalThis 的环境中手动定义一个全局变量。例如：
-- -------------------- ---- -------
-- -------- --- ----------
----------- -
-- ------- ---------- --- --------- -------
--------------------------------------- ------------ -
---- ---------- -
------ -----
--
------------- ----
---
-------------------- - ----------
------ ---------------------------
-----这段代码会在不支持 globalThis 的环境中定义一个全局变量 globalThis，使得我们可以在任何环境中使用 globalThis 对象。
总结
使用 globalThis 对象可以解决 JavaScript 中环境问题，从而保证代码的可移植性和兼容性。在实际开发中，我们应该充分利用 globalThis 对象，避免在不同环境中出现访问全局对象的问题。同时，我们也应该注意 globalThis 对象的兼容性问题，在不支持 globalThis 的环境中使用 polyfill 进行兼容处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663f84bbd3423812e4db9567