首页 > web前端 > js教程 > 如何在 JavaScript 中保留事件处理程序回调中的上下文?

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

Linda Hamilton
发布: 2024-11-06 04:22:02
原创
743 人浏览过

How Can I Preserve Context in Event Handler Callbacks in 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板