Do you know where throttle and debounce are used? How do they differ?

Throttle and debounce are techniques for controlling the frequency of function calls, often used in frontend development to optimize event handling (e.g., scrolling, input).

• Debounce delays the execution of a function until a certain period of time has passed without additional calls. If the event occurs frequently, the function will only be called once after the events stop.

• Throttle limits the rate at which a function can be called, allowing it to be invoked no more often than a specified interval, regardless of how many events occur.

Example of usage:

• Debounce is convenient for handling user input, so that a search is not triggered on every keystroke, but only after a pause.
• Throttle is useful for scroll or resize events, so that the function is called, for example, no more than once every 100 ms.

Summary:

• Debounce — "delayed call after a pause".
• Throttle — "regular call with rate limiting".