为什么 Bind() 方法在 JavaScript 中至关重要？

为什么 JavaScript 需要 bind()？

问题和解决方案

在 JavaScript 中， this 关键字指的是调用函数的对象。但是，当将函数分配给变量然后间接调用时，this 值可能是不可预测的。这可能会导致诸如“这是未定义的”或“这是全局对象”之类的错误。

为了解决这个问题，JavaScript 提供了 bind() 方法。通过调用bind(object)，您可以显式地设置函数的this值，即使稍后调用它也是如此。这可以防止 this 值意外更改。

为什么会出现问题

如前所述，this 值由调用上下文确定。当直接调用函数时， this 值只是调用它的对象。但是，当将函数分配给变量时，它会丢失其原始调用上下文。

示例 1

<code class="js">this.name = "John";

var myName = {
  name: "Tom",
  getName: function() {
    return this.name
  }
}

var storeMyName = myName.getName;</code>

在示例 1 中，storeMyName 是对getName 函数。当调用 storeMyName 时，它​​会丢失 myName 对象中的原始上下文。因此，storeMyName里面的this指的是全局对象，而不是myName对象。

解决方案（bind）

<code class="js">var storeMyName2 = myName.getName.bind(myName);</code>

示例2中使用了bind()将 getName 的 this 值显式设置为 myName 对象。这确保了当调用 storeMyName2 时，this 将引用 myName 对象，而不是全局对象。

为什么示例 3 解决了问题

<code class="js">var storeMyName3 = myName.getName();</code>

示例 3与其他的不同，因为它不将函数分配给变量。相反，它直接调用 myName.getName() 并将结果存储在 storeMyName3 中。这意味着 storeMyName3 不是一个函数，而是 getName 函数返回的值。因此，它不需要担心 this 值。

以上是为什么 Bind() 方法在 JavaScript 中至关重要？的详细内容。更多信息请关注PHP中文网其他相关文章！