How do you implement debounce in JavaScript?
function debounce(fn, delay) { let timer; return function(...args) { clearTimeout(timer); timer = setTimeout(() => fn.apply(this, args), delay); }; }
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in What Is Debouncing in JavaScript?
A technique that delays function execution until the user stops calling it for a specified delay. Each call clears the previous timer and sets a new one. Only the last call executes.
To avoid making an API call on every keystroke. Without debounce, typing 'hello' makes 5 calls. With debounce (300ms), only 1 call is made after the user stops typing.
300ms is a good default for search inputs. 200ms for faster response, 500ms for slower. Adjust based on the use case and API speed.
Still have questions?
Browse all our FAQs or reach out to our support team
