動的関数呼び出しで正しい「this」サービスを取得する

Question

私のアプリでは、同じパラメータを必要とする3つの異なる機能に渡ってコードを再利用するという賢明なアイデアがあると思っていました。

サービス内の正しいエンドポイント関数に変数を割り当てて、その変数を呼び出しようとしましたが、参照によって関数が呼び出されたときに、thisはもはやサービスオブジェクトを参照しませんでしたか？私は確信していませんが、私が得たエラーは基本的にthisがサービス内で定義されていないことでした。私のコンポーネントの内部

機能：

submitRefurb() { 
    let endpoint = this.refurbService.addRefurb; 
    if (this.updating) { 
     endpoint = this.refurbService.updateRefurb; 
    } else if (this.refurb.id) { 
     endpoint = this.refurbService.verifyRefurb; 
    } 
    this.loading = true; 
    endpoint(this.refurb).subscribe(//This is where we have the problem 
     (result) => { 
     console.log(result); 
     }, 
     (error) => { 
     this.loading = false; 
     } 
    ); 
    } 

Refurbsサービス：

今、私は最終的にそれがむしろ直接に割り当てるよりも、単に文字列としてendpoint変数を割り当てることによって動作するようになりました関数は次のようになります。

let endpoint = 'addRefurb'; ... this.refurbService[endpoint](this.refurb)

しかし、私はまだ何がうまく行っていないかを十分に理解していません。違いが何であるか誰でも説明できますか？私がやったやり方よりも、それを扱う良い方法はありますか？

Answer 1

あなたはbindメソッドを使用できます： `エンドポイントを呼び出してみてください

submitRefurb() { 
    let endpoint = this.refurbService.addRefurb.bind(this.refurbService); 
    if (this.updating) { 
     endpoint = this.refurbService.updateRefurb.bind(this.refurbService); 
    } else if (this.refurb.id) { 
     endpoint = this.refurbService.verifyRefurb.bind(this.refurbService); 
    } 
    this.loading = true; 
    endpoint(this.refurb).subscribe(//This is where we have the problem 
     (result) => { 
     console.log(result); 
     }, 
     (error) => { 
     this.loading = false; 
     } 
    ); 
    } 

Answer 2

矢印機能を使用します。

let endpoint = (refurbData) => this.refurbService.addRefurb(refurbData); 

それとも観測可能ではなく、エンドポイントを格納します。

let obs = this.refurbService.addRefurb(this.refurb); 
... 
obs.subscribe(...)