<pre class="shiki github-dark shaku"><code>function debounce&lt;T extends (...args: any[]) =&gt; any&gt;(func: T, wait: number): T { let timer: number | undefined; const callback = (...args: any[]) =&gt; { if (timer) { // timer が存在する場合は、前回のタイマーをクリアする。 // Clear the previous timer if it exists. clearTimeout(timer); } // 新しいタイマーを設定する。 // wait ミリ秒後に func を呼び出す。 // Set a new timer. Call func after "wait" milliseconds. timer = setTimeout(() =&gt; { func(...args); }, wait); }; // callback を T 型にキャストして返す。 // callback 自体は setTimeout を登録しているだけで何も返していないため、必然的に戻り値は void となる。 // しかし debounce の戻り値の型は T であるため、unknown 型を経由して T 型にキャストして func と同じ型として返す必要がある。 // Cast callback to type T and return it. // Since callback itself only registers setTimeout and doesn't return anything, the return type is inevitably void. // However, the return type of debounce is T, so it needs to be cast to T via unknown to return it with the same type as func. return callback as unknown as T;}</code></pre>

🤔 debounce()

Google

Flipkart

Debounce is a common technique used in Web Application, in most cases using lodash solution would be a good choice. could you implement your own versi…