<pre class="shiki github-dark shaku"><code>// This is a JavaScript coding problem from BFE.dev function debounce&lt;T extends (...args: any[]) =&gt; any&gt;( func: T, wait: number, option: {leading: boolean, trailing: boolean} = {leading: false, trailing: true} ): T { // クールダウン中かどうかを表す。動いていれば「実行禁止期間中」 let timer: number | undefined; // クールダウン中に新しく入ってきた引数を「次の実行用」として保持するための変数 let lastArgs: any[] | undefined; const callback = (...args: any[]) =&gt; { // leading オプションが有効で、かつクールダウン中でない場合に即座に実行するかどうかを判定 const shouldCallLeading = option.leading &amp;&amp; timer === undefined; // すでにタイマー（クールダウン）が動いている場合 if (timer !== undefined) { // 前回のタイマーをクリアすることで、クールダウン期間をリセットする clearTimeout(timer); } if (shouldCallLeading) { func(...args); } else if (option.trailing) { // trailing 用には最新の引数だけ保持する lastArgs = args; } // 新しいタイマーを設定する。wait ミリ秒後に func を呼び出す。 timer = setTimeout(() =&gt; { if (option.trailing &amp;&amp; lastArgs) { // trailing オプションが有効で、かつ保留中の引数がある場合に func を実行する func(...lastArgs); } lastArgs = undefined; // 使用済みのため、キャッシュをクリア timer = undefined; // タイマーをクリアしておくことで、次回 callback が呼ばれた時に即座実行ルートへ正しく入れる。 }, wait); }; return callback as T;}</code></pre>

🤔 debounce with leading and trailing option

Google

This is a follow up on 6. implement basic debounce(), please refer to it for detailed explanation. In this problem, you are asked to implement an enha…