<pre class="shiki github-dark shaku"><code>function throttle&lt;T extends (...args:any[]) =&gt; any&gt;(func: T, wait: number): T { // Shows whether the cooldown is active. If it is, it means "execution is prohibited." let timer: number | null = null; // Variable to hold the latest arguments for the next execution during the cooldown period let lastArgs: any[] | null = null; const callback = (...args: any[]) =&gt; { // 1. If the timer (cooldown) is already running if (timer !== null) { // During the cooldown period, always overwrite and save the newly incoming arguments for the next execution lastArgs = args; return; } // 2. If not in cooldown, execute immediately (first time or after the previous wait has passed) func(...args); timer = setTimeout(() =&gt; { // When the timer fires, check if there are any "pending arguments" that came in during the cooldown period if (lastArgs) { func(...lastArgs); // Execute with the latest pending arguments lastArgs = null; // Reset the consumed arguments } else { timer = null; // No pending arguments, completely stop the timer } }, wait); }; return callback as T;}</code></pre>

🤔 basic throttle

Google

Flipkart

Throttling is a common technique used in Web apps, in most cases using lodash solutionwould be a good choice. In case you forgot, throttle(func, delay…