为什么 JavaScript bind() 对于控制函数中的“this”至关重要？

为什么JavaScript中的bind()是必要的？

在JavaScript中，“this”指的是拥有正在执行的代码的对象。但是，当函数作为回调或事件处理程序传递时，调用环境可能与预期环境不同。这会导致“this”引用全局对象而不是预期对象的问题。

使用 Bind 解决问题

JavaScript 的 bind() 方法允许您在函数中显式设置“this”的值。通过将函数绑定到特定对象，可以确保调用该函数时，“this”将引用该对象。

示例：

<code class="js">var myName = {
  name: "Tom",
  getName: function() {
    return this.name;
  }
};

var storeMyName2 = myName.getName.bind(myName);
console.log(storeMyName2()); // Output: "Tom" (correct)</code>

通过将 getName() 绑定到 myName，保留对“this”的引用，并且该函数正确返回“Tom”。

替代解决方案：示例 3

中示例 3，storeMyName3 被分配立即调用 myName.getName() 的结果。这意味着 storeMyName3 的值是一个字符串，而不是一个函数。因此，“this”的值没有问题，因为该值是在执行时确定的，而不是在调用函数时确定的。

Bind() 和示例 3 的比较

Bind() 和示例 3 实现相同的目标，但通过不同的机制。 Bind() 允许您设置函数的上下文，而无需立即调用它，而示例 3 通过调用函数并存储结果来设置上下文。

以上是为什么 JavaScript bind() 对于控制函数中的“this”至关重要？的详细内容。更多信息请关注PHP中文网其他相关文章！