Как использовать метод вызова javascript в jQuery?

Question

Возможно ли использовать javascript call method (как описано в [документации mdn]) , чтобы передать аргумент this?

Имея, например, этот код:

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

Я хочу, чтобы второй this (один включен в load function) относится к тому же, как и первый.

Я попытался с

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

Но это не работает.

Благодарим вас за любое предложение.

Answer 1

Не так, потому что вы не вызываете обратный вызов. Это называется внутренне.

Вы можете использовать .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 2

Вам не нужно call (или apply)

Вы должны сделать это вместо того, чтобы:

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

Javascript имеет лексическую область видимости, это означает, что переменная that доступна для обратного вызова, и имеет значение, где оно определено. В этом случае that определяется как this во внешнем объеме.

Answer 3

Да, вы можете .call Функция jQuerys с любыми функциями, но это влияет только на эту функцию. Функция, которую вы передаете, представляет собой отдельную функцию обратного вызова с 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); 
});