javascript - Get object in member function callback - Stack Overflow

admin管理员组

文章数量:1344561

I have an object with a method that I’d like to pass to a function as a callback. However, inside the callback, this no longer refers to my object. Why not?

I’m familiar with using a variable to get around the problem when passing a function literal:

var obj = {
    a: function () {
        var me = this;

        console.log(this);

        setTimeout(function () {
            console.log(this); // Not obj
            console.log(me);   // This works!
        }, 100);
    }
};

How can I fix it in this case?

var obj = {
    b: function () {
        setTimeout(this.callback, 100);
    },
    callback: function () {
        console.log(this); // =(
    }
};

I have an object with a method that I’d like to pass to a function as a callback. However, inside the callback, this no longer refers to my object. Why not?

I’m familiar with using a variable to get around the problem when passing a function literal:

var obj = {
    a: function () {
        var me = this;

        console.log(this);

        setTimeout(function () {
            console.log(this); // Not obj
            console.log(me);   // This works!
        }, 100);
    }
};

How can I fix it in this case?

var obj = {
    b: function () {
        setTimeout(this.callback, 100);
    },
    callback: function () {
        console.log(this); // =(
    }
};

• javascript
• callback

Share Improve this question Follow edited May 19, 2014 at 16:12 Ry-♦ 225k5656 gold badges492492 silver badges499499 bronze badges asked Nov 19, 2011 at 2:57 missingcat92missingcat92 1,19622 gold badges1313 silver badges2323 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

Yes, this can be kind of tricky in Javascript. The problem is that its value depends on how you call the function.

obj.callback(); //ok

var f = obj.callback;
f(); //does not look like a method call
     //Javascript does not pass the this!

The usual workaround is passing a wrapper callback like you did in b), except that the mon name for the me variable is that (you sometimes see self too)

var that = this;
setTimeout( function(){ return that.callback(); }, 300);

The other alternative is to use the bind method from functions

setTimeout( this.callback.bind(this) , 300)

Note that bind is not supported in IE 8 (you might need a shim in that case).

---

For more:

Maintaining the reference to "this" in Javascript when using callbacks and closures

本文标签： javascriptGet object in member function callbackStack Overflow