Question

拥有以下代码。

object.waypoint=function () {
    this.uw=setInterval( function() {
       console.log(this);
    }, 200);
}

如何在第三行的函数内部引用“object”，我用“this”关键字尝试了它，但它似乎没有引用该对象。

Answer 1

内部setInterval this指的是窗口。您需要创建一个引用this的变量。

object.waypoint=function () {
    var me = this;

    this.uw=setInterval( function() {
       console.log(me);
    }, 200);
}

Answer 2

一种常见的方法是在变量中存储this的引用，然后您可以使用它来访问正确的this：

object.waypoint=function () {
    // Keep a reference to this in a variable
    var that = this;
    that.uw=setInterval( function() {
       // Now you can get access to this in here as well through the variable
       console.log(that);
    }, 200);
}

Answer 3

我认为bind是一个简洁的解决方案 - 它没有在所有浏览器中实现，但有workarounds。

object.waypoint = function(){
    this.uw = setInterval(function(){
        console.log(this);
    }.bind(this), 200);
}

请参阅MDN page了解正确的文档

如何在嵌套方法中引用对象

3 个答案: