在传统的 JavaScript 开发中，全局变量和函数是全局作用域中最重要的部分。然而，在浏览器中全局对象window和在 Node.js 中全局对象global存在差异性，这导致开发者需要特殊的处理来保证代码的可移植性。
在 ES10 中，新加入了一个globalThis对象，它作为全局对象在任何环境下都是可以访问的，使得开发者无需再担心全局作用域的可移植性问题。
globalThis 的作用
globalThis作为新的标准对象，可以在任何JavaScript环境中使用，它的作用主要有两个：
- 提供一个平台无关的全局对象
- 简化跨平台代码的编写
由于 ES10 标准定义了该对象，所以在不同的JavaScript环境下，globalThis都能上传统全局变量和函数。
如何使用 globalThis
在全局作用域下，我们可以直接使用globalThis对象，如下所示：
-- -------------------- ---- ------- -- ---------- ----- -------- - --------- -- - -- ------- -- ------- ---------- --- ------------ ------ ----------- -- --- -- ------- ------ --- ------------ ------ ------- -- --- ------ -- ------- ---- --- ------------ ------ ----- -- ----- ------------ ------ ---------------- --------- ----- -- -------------- ------------------------ -- - ------------------ -------------- -- ------
在上面的示例中，我们使用了 globalThis 对象来获取全局变量和函数，而不需要关心当前执行的环境。这个方法可以保证我们代码的可移植性，同时也非常简洁。
实际应用场景
在开发中，我们经常需要进行逻辑判断来决定当前脚本的执行环境，如下所示：
-- -------------------- ---- ------- -- ------- ------ --- ------------ - -- ----- ----------------- ---- -- ------- -- - --- ----------- - ---- -- ------- ------ --- ------------ - -- ------- -- ----------------- ---- -- ------- -- ----------- - ---- - -- ---- ----------------- ---- -- ------- -- -- ------- --------------- -
这个方法虽然可以根据不同的环境进行适配，但是会增加代码的复杂度。使用globalThis对象可以让我们避免这样的逻辑处理，直接在任何地方使用全局变量和函数。
总结
ES10中，globalThis对象作为全局对象的标准定义，可以用于任何JavaScript环境的开发中。使用globalThis对象可以让我们更加关注代码的业务逻辑，而不用为了兼容性而进行繁琐的环境适配。
总的来说，使用globalThis对象是一种更加规范和简便的方式，可以减少代码的复杂度，提高代码的可读性，使得我们的代码更加易于维护和扩展。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65324dc87d4982a6eb4d2a98