JavaScript の「setInterval」ハンドラー内で「this」に正しくアクセスするにはどうすればよいですか?

JavaScript setInterval ハンドラーから this にアクセスする

JavaScript で setInterval を使用する場合、内部のオブジェクト インスタンス (this) にアクセスするのが難しい場合があります。ハンドラー関数。これは、setInterval がハンドラー関数の新しいコンテキストを作成するためです。

この問題を解決するには、ハンドラーをオブジェクト インスタンスにバインドし、ハンドラーが this キーワードにアクセスできるようにします。その方法は次のとおりです。

this.intervalID = setInterval(this.retrieve_rate.bind(this), this.INTERVAL);

この変更されたコードでは、bind メソッドを使用して、現在のオブジェクト インスタンスにバインドされる新しい関数を作成します。次に、この関数はハンドラーとして setInterval に渡されます。

retrieve_rate ハンドラー関数内で、this キーワードにアクセスできるようになり、それを使用して prefs プロパティにアクセスできるようになります。

retrieve_rate: function() {
  // access prefs here
  // this.prefs
}

以上がJavaScript の「setInterval」ハンドラー内で「this」に正しくアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。