待機していないタイプスクリプトを使用したjavascript/jQuery検索の遅延

Question

TypeScriptで簡単な遅延検索を作成しようとしています。私はここに記載されているように答えを使用しました@stackoverflow。

現在、私のスクリプトは次のようになります。

$searchInput: JQuery; 

timer: number; 
waitTimeOut = 3000; 

init() : void{ 
    this.$searchInput.on("input propertychange paste", this.handleSearchInputChange); 
} 

handleSearchInputChange = (evt: Event): void => { 
    var $theInput = $(evt.currentTarget); 

    clearTimeout(this.timer); 
    var val = $theInput.val(); 
    this.timer = setTimeout(this.lookup(val), this.waitTimeOut); 
} 

lookup = (searchTerm: string): void => { 
    console.log(`I should start a search with [${searchTerm}]`); 
} 

しかし、全ての遅延はありません。入力された各文字は、すぐにlookup -callをトリガーします。 timerとwaitTimeOutで範囲の問題がありますか？あるいは、関数定義が間違った範囲に入っていますか？

ここでfat-arrowが正しいかどうかはまだ分かりません。

Answer 1

現在の実装では、現在、関数lookup(val)が呼び出され、その戻り値はsetTimeoutに渡されています。

setTimeoutは、コードを文字列形式で受け取るか、遅延間隔を実行する機能を受け入れます。

使用

var self = this; 
this.timer = setTimeout(function(){ 
    self.lookup(val); 
}, this.waitTimeOut); 

代わりの

this.timer = setTimeout(this.lookup(val), this.waitTimeOut);