“这个”不是指我想要的[重复]

Question

在我的一个类中，一个方法执行 AJAX 请求。在请求的回调函数中，我需要调用我的对象的另一个方法，使用this。但是this在这个上下文中并没有引用我的对象，所以我不知道该怎么办……难道只有可能吗？

为了澄清，请考虑以下代码：

function MyClass(arg) { 
    this.foo = arg; 
} 

MyClass.prototype = { 
    myMethod: function() { 
        console.log("I am myMethod");
    },
    myGet: function (){
        $.get("http://example.iana.org/",function(data){
            this.myMethod(); // does not work, because 'this' does not refer to my object
        });
    }
} 

var obj = new MyClass("Javascript is complicated"); 

obj.myGet();

Answer 1

你可以定义一个变量来存储this在闭包中：

myGet: function (){
    var _this = this;
    $.get("http://example.iana.org/",function(data){
        _this.myMethod();
    });
}

或使用$.proxy：

myGet: function (){
    $.get("http://example.iana.org/", $.proxy(function(data){
        this.myMethod();
    }, this));
}

或者，如果您只是在回调中调用myMethod：

myGet: function (){
    $.get("http://example.iana.org/", $.proxy(this.myMethod, this));
}

在现代浏览器中，您还可以使用bind。当我不必兼容 IE8 时，我会这样做

myGet: function (){
    $.get("http://example.iana.org/", this.myMethod.bind(this));
}