如何在jQuery中使用javascript调用方法？

Question

是否可以使用javascript的call方法（如[mdn文档]中所述） 为了传递参数 this？

例如，有这样的代码：

console.log(this);
$('#image_id').load(function () {
    console.log(this);
});

我希望第二个 this （包含在 load 函数 中的那个）与第一个相同。

我尝试过

console.log(this);
$('#image_id').load.call(this, function () {
    console.log(this);
});

但它不起作用。

预先感谢大家的任何建议。

Answer 1

您不需要 call （或 apply），

您应该这样做：

var that = this;
console.log(this);
$('#image_id').load( function () { 
    console.log(that); 
});

Javascript 具有词法作用域，这意味着变量 that 可用到您的回调，并具有其定义位置的值。在本例中，that 被定义为外部作用域中的 this。

Answer 2

不是那样的，因为你没有调用回调。这是内部调用的。

不过，您可以使用 .bind 。

console.log(this);
$('#image_id').load( function () {
    console.log(this);
}.bind(this));

但它在旧版浏览器中不可用。 （这是本机 .bind()，不是 jQuery 的。）

---

jQuery 有一个可以工作的东西，称为 $.proxy...

console.log(this);
$('#image_id').load($.proxy(function () {
    console.log(this);
},this));

...其中第一个参数是您的函数，第二个参数是您要在回调中用于 this 的值。

Answer 3

是的，您可以使用任何 .call jQuery 函数，但这只会影响该函数。您传递的函数是一个单独的回调函数，其中 this 由 jQuery 控制。

您可以使用 $.proxy 强制回调上下文。

$('#image_id').bind( "load", $.proxy( console.log, console, this ) );

如果你想做的不仅仅是记录，它会变得更难看：

$('#image_id').bind( "load", $.proxy( function(){
     console.log( this );
     alert( this );
}, this ) );

Answer 4

var self = this;
$('#image_id').load(function(){
    (function(){
        console.log(this);
    }).call(self);
});