打字稿中的這個關鍵字。這是一個錯誤嗎？

Question

我有一個成員函數render（）。該函數調用類add（any）的另一個成員。這是片段。

render(){ 
    collection.each(this.add); 
} 

如果我在add中使用關鍵字「this」，那麼類型就是窗口。我希望它是成員類的實例。

在構造函數，成員函數或成員存取器中，這是包含類的類實例類型。

Answer 1

我不認爲這是一個錯誤。

您不再在render()函數的範圍內，而是在each()的範圍內。

試試這個：

render(){ 
    var that = this; 
    collection.each(that.add); 
} 

Answer 2

由於JcFx指出，你this範圍是each回調中有所不同。

但是，如果使用「胖箭頭」匿名函數，將使用詞法作用域規則this讓你得到你所要查找的內容：

render(){ 
    collection.each((x) => this.add(x)); 
} 

編譯爲以下JavaScript：

X.prototype.render = function() { 
    var _this = this; 
    collection.each(function (x) { 
     return _this.add(x); 
    }); 
} 

另一種選擇是明確的bind電話add到所需this：

render(){ 
    collection.each(this.add.bind(this)); 
}