如何在 JavaScript 中保留事件处理程序回调中的上下文？

在事件处理程序回调中保留上下文：“self = this”技术

在 JavaScript 中，实例方法作为事件处理程序回调可能会导致作用域变化。正如提供的代码所示，事件绑定需要一个变量来保留调用上下文，从而导致赋值“var self = this”。

虽然有效，但这种方法引起了对其有效性的担忧。更通用的解决方案解决了核心问题：在嵌入式函数中引导变量。

在 JavaScript 中，闭包允许访问外部变量。然而，像“this”和“arguments”这样的伪变量需要小心处理。将它们分配给父函数中的别名可确保它们在嵌入式函数中的可用性。

示例

要在嵌入式函数中使用“this”，请将其分配给变量并使用别名：

var that = this;

function xyz() {
  // "this" is different here! --- but we don't care!
  console.log(that); // now it is the right object!
  
  function qwe() {
    // "this" is different here too! --- but we don't care!
    console.log(that); // it is the right object here too!
  }
  ...
};

这种方法不限于“this”； “参数”需要类似的处理，以确保嵌入式函数中的访问一致。

以上是如何在 JavaScript 中保留事件处理程序回调中的上下文？的详细内容。更多信息请关注PHP中文网其他相关文章！