在 JavaScript 开发中，this 关键字通常用于引用当前函数的上下文。一般情况下，this 关键字是指向全局对象 window 或者 global 的。然而，在一些特殊情况下，this 可能不会按照预期的方式指向全局对象，而会指向其他对象，这会给开发人员带来很多麻烦。
为了解决这个问题，ECMAScript 2020 中引入了一个全新的全局对象 globalThis，它可以在所有上下文环境中被访问，并且始终指向全局对象。在这篇文章中，我们将探讨如何使用 globalThis 来解决 ECMAScript 2020 中的 this 关键字指向问题，让 JavaScript 的开发更加安全和方便。
globalThis 的基本用法
globalThis 是 ECMAScript 2020 中新增的全局对象，它可以在任何上下文环境中被访问，并且始终指向全局环境。具体来说，它包含了 window、self、global 等全局对象属性，其中任何一个都可以被用来指向全局对象。
下面是一个简单的示例，展示了如何在浏览器和 Node.js 环境中使用 globalThis：
-- ----- ---------------------- --- -------- -- ---- ---------------------- --- ------ -- ---- -- ------- -- ---------------------- --- -------- -- ----
在上面的代码中，我们通过比较 globalThis 和 window、self、global 的值来确认它们都指向全局对象。在浏览器环境中，window 和 self 都是全局对象，而在 Node.js 环境中，global 是全局对象。可以看出，globalThis 的使用非常简单，只需要在需要访问全局对象的地方使用它即可。
使用 globalThis 解决 this 关键字指向问题
由于 JavaScript 是一门动态语言，并且具有高度灵活性，因此 this 关键字的指向非常灵活。有时候，this 关键字可能指向一个错误的对象，这可能会导致程序崩溃或者出现不正确的行为。
为了演示这个问题，我们来看一下下面的示例：
----- ------ - -
----- -----
---- ---
--------- ---------- -
---------------------------------------------------
-
--
----- -------- - ----------------
----------- -- ------------------------------在上面的示例中，我们定义了一个 person 对象，它有一个 sayHello 方法。在 sayHello 方法中，我们通过 this 关键字引用了 person 对象的属性。然而，在将 sayHello 方法赋值给一个变量时，this 的指向发生了变化，导致它无法引用 person 对象的属性，从而输出 undefined。
为了解决这个问题，我们可以使用 globalThis 来显式地引用全局对象，从而避免 this 关键字出现指向错误的情况。下面是一个修改后的示例，展示了如何使用 globalThis 来解决上面的问题：
----- ------ - -
----- -----
---- ---
--------- ---------- -
-----------------------------------------------------------------------------
-
--
----- -------- - ----------------
----------------- - -------
----------- -- ----------------在上面的代码中，我们将 person 对象赋值给 globalThis 对象的一个属性，从而实现了全局对象的显式引用，避免了 this 关键字出现指向错误对象的情况。
总结
在 ECMAScript 2020 中，全局对象 globalThis 的出现，促进了 JavaScript 开发的安全性和方便性。使用 globalThis 来显式引用全局对象，可以避免 this 关键字出现指向错误对象的情况，从而提高 JavaScript 代码的可靠性和可维护性。需要注意的是，在使用 globalThis 的时候要注意上下文环境的判断，避免出现因上下文环境的不同导致的访问全局对象失败的情况。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6499819648841e9894688b4b