使用 $.proxy javascript 调用函数

Question

我想使用 $.proxy 在点击事件上加载一个函数。 如果我使用下面的点击事件加载函数，那么一切正常。

正在运行的点击事件

$('element').click($.proxy(this.doProcess, this));

点击事件不起作用

$('element').click(function(){
    // Perform other things
    $.proxy(this.doProcess, this);  
});

如您所见，我想在加载函数之前对 click 事件执行其他操作。如果我使用“.click(function()...”而不是简单的“.click()..”，你能帮我弄清楚为什么它没有加载吗

Answer 1

因为在第一个 sn-p 中，click 函数调用了返回的函数。在第二个 sn-p 中，您将当前 this 值绑定到函数，但您不调用返回的函数。您可以使用调用运算符 (()) 来调用函数：

$.proxy(this.doProcess, this)();  

注意，匿名函数上下文中的this（即当前事件处理程序）并不引用外部上下文的this关键字的值，您可以缓存该值：

var that = this;
$('element').click(function() {
    // Perform other things
    $.proxy(that.doProcess, this)(/* arguments go here */);  
//           |               |
//           |               ----- refers to the clicked element
//           ----- reference of the outer context's `this` value
});