Question

Is it possible to use the call method of javascript (as described in the [mdn documentation])
in order to pass the argument this?

Having for example this code:

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

I want that the second this (the one included in the load function) refers to the same as the first one.

I’ve tried with

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

But it doesn’t work.

Thank you all in advance for any suggestion.

Answer 1

Not like that, because you’re not calling the callback. It’s being called internally.

You could use .bind though.

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

But it isn’t available in older browsers. (This is native .bind(), not jQuery’s.)

---

jQuery has something that will work called $.proxy…

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

…where the first argument is your function, and the second argument is the value you want to use for this in the callback.