如何將此綁定到AngularIO的Observable :: subscribe函數中？

Question

有很多使用AngularIO的Observable.subscribe()函數的例子。總之，我只能看到匿名函數中，如下所示：

bar().subscribe(data => this.data = data, ...); 

如果我試圖用手在喜歡這裏的同一類的函數：

updateData(myData : DataType[]) { 
    this.data = data; 
} 
... 
bar().subscribe(this.updateData, ...); 

然後在第2行的this對象不再涉及當前對象。這可能是我不明白的一些JavaScript邏輯。我知道你可以將一個對象綁定到一個函數，這是我必須做的嗎？這是最佳做法嗎？一個人怎麼通常會解決這個問題（我想避免的subscribe()內大匿名函數。

Answer 1

你可以用它的arrow function內將捕捉到正確的this：

bar().subscribe((myData) => this.updateData(myData), ...); 

或者使用Function.bind這也將結合正確的上下文：

bar().subscribe(this.updateData.bind(this), ...); 

但要知道，Function.bind回報any這將使你失去打字稿類型檢查。見https://github.com/Microsoft/TypeScript/issues/212

Answer 2

這是關係到脂肪箭頭行爲。

您可以find more here（在「此和脂肪箭頭」主題，大約一半的頁面）