Чем debounce отличается от throttle?

Question

debounce выполняет функцию только после паузы в событиях, а throttle — не чаще одного раза за заданный интервал времени. Debounce подходит, когда важен финальный результат, а throttle — когда важна регулярность выполнения. Эти подходы решают похожие задачи, но применяются в разных сценариях. Выбор зависит от поведения, которое ожидается от интерфейса.

YeaHub · Accepted Answer

ОпределениеThrottle — это техника, при которой функция может выполняться не чаще одного раза за определённый интервал времени.Ключевое различие подходовПеред перечислением важно понимать основную идею.Debounce:выполняется после окончания серии событийигнорирует промежуточные вызовыThrottle:выполняется регулярноограничивает максимальную частоту вызововПример на словахВвод текста:debounce → запрос уйдёт после того, как пользователь перестал печататьСкролл страницы:throttle → обработчик срабатывает, например, раз в 100 мсПочему нельзя заменить одно другимDebounce может “никогда не сработать”, если события идут непрерывноThrottle гарантирует периодическое выполнениеНеправильный выбор ухудшает UXПрактический выводDebounce — формы, поиск, фильтрыThrottle — скролл, resize, dragВыводDebounce и throttle решают одну задачу — ограничение частоты, но делают это по-разному. Выбор зависит от того, нужен ли финальный результат или регулярное выполнение.