如何在內部類中找到正確的「this」對象？

Question

我寫一段JavaScript這樣的：

MyClassA.prototype.method1 = function(){ 
    //here, "this" refers to my instance of MyClassA 
    $.ajax({ 
     url : "http://foo.com/foo", 
     success: function(data) { 
      //OMG! "this" now refers to another object 
     } 
    } 
}); 

我需要訪問的MyClassA的this元素在success功能。在Java中，可以使用MyClassA.this來指代內部類中的右邊的this實例。有沒有類似的方式來在JavaScript中做到這一點？

是

MyClassA.prototype.method1 = function(){ 
    var myClassAThis=this; 
    $.ajax({ 
     url : "http://foo.com/foo", 
     success: function(data) { 
      myClassAThis.method2(); 
      ... 
     } 
    } 
}); 

的標準方式在這樣的情況下繼續嗎？

Answer 1

常見模式是將this設置爲變量，是的。但是，您所描述的內容會創建隱含的全局變量。爲了防止它，使用var關鍵字：

var that = this; 

後來

that.method2(); 

另一個解決方案是一個封閉。

MyClassA.prototype.method1 = function(){ 
    (function(that) { 
     $.ajax({ 
      url : "http://foo.com/foo", 
      success: function(data) { 
       that.method2(); 
       ... 
      } 
     }); 
    })(this); 
}); 

Answer 2

我寧願做

MyClassA.prototype.method1 = function(){ 
    return $.ajax({ 
    url : "http://foo.com/foo"  
    } 
}); 

MyClassA.prototype.method2 = function(){ 
    this.method1().done(function(data) { 
    //do method2 code 
    }) 

}); 

Answer 3

MyClassA.prototype.method1 = function(){ 
myClassAThis=this; //1 
$.ajax({ 
    url : "http://foo.com/foo", 
    success: function(data) { 
     myClassAThis.method2(); //2 
     ... 
    } 
} 
}); 

哪些對象「這」指的是在任何任何一點在你的代碼實際上取決於你如何調用該函數。

在這種情況下， 1.作爲通常的功能。例子： - functionName（） 2.或作爲方法調用。例如： - 新someOuterFunction（）someInnerFunction（）

（注意：有兩個其他類型的調用）

在第一種情況中，此參數被隱式地傳遞到函數範圍是全局對象上下文，在瀏覽器中是窗口對象。

在第二種情況下，該參數實際上指的是函數被調用的實例，在這種情況下，它將是someOuterFunction實例。

記住這兩點， 如果你看看上面的代碼// 1，那麼這個「引用」取決於你調用method1的方式。如果你碰巧把它作爲普通函數調用，那麼它就是指全局對象，因此它將在全局上下文中尋找method2，而不是MyClassA函數。

在您碰巧通過引用MyClassA的實例來調用method1作爲方法調用，那麼「this」實際上指向該實例。然後在MyClassA實例（或函數）中搜索Method2並調用它。

希望幫助！或至少清除困惑.. :)