クラスのプライベートmap（）関数は失敗しますが、グローバル関数は成功します - なぜですか？

Question

構文解析されたJSONオブジェクト（mapStocks（）関数）のmap（）関数をStockServiceクラスの中に置くと、map（）関数が失敗します。しかし、関数をStockServiceクラスの外にある "グローバル"関数として宣言すると、エラーは発生しません。

ご覧のとおり、私たちはStockオブジェクトの独自の配列に割り当てる前に計算を行うためにtoStock（）関数が必要です。

私はStockServiceのクラスにtoStock（）関数を宣言した場合にスローされるエラーはこれです：なぜそうなのか 誰が説明していただけますか？それはTypeScriptの制限ですか？

Answer 1

通常のjavascript関数は、.map(this.mapStocks)に設定しています。 thisオブジェクトは、クラスではなく関数のオブジェクトに変更されます。ここではthis.toStock()は未定義です。

使用Function.Prototype.bind()

.map(this.mapStocks.bind(this))

コンプリートコール：

let stocks$ = this.http 
    .get(`${this.baseUrl}/api/getInventory`, { headers: this.getHeaders() }) 
    .map(this.mapStocks.bind(this)) 
    .toPromise() 
    .catch(this.handleError); 

Answer 2

getStocks(): Promise<Stock[]> { 
console.log('Loading stocks...'); 
let stocks$ = this.http 
    .get(`${this.baseUrl}/api/getInventory`, { headers: this.getHeaders() }) 
    .map(res => { return this.toStock(res.json()) }) 
    .catch(this.handleError); 
}