Термин

Debounce: как объединить частые вызовы функции

Debounce объединяет серию частых вызовов в один, выполняемый после заданной паузы или по выбранному правилу.

Что означает термин#

При вводе текста событие возникает после каждого изменения поля. Если запускать тяжёлую обработку каждый раз, интерфейс выполняет лишнюю работу. Debounce позволяет дождаться окончания короткой серии действий; это отличается от ограничения частоты через throttle.

Практический пример#

В учебном поиске подсказки запрашиваются через 300 миллисекунд после последнего ввода. Пользователь вводит несколько букв подряд, но промежуточные таймеры отменяются. Значение задержки иллюстративное: подходящий интервал зависит от задачи и не является нормативом скорости.

Как проверить#

Проверьте число запросов в Network при быстром вводе, удалении и вставке текста. Отдельно обработайте очистку поля и старые ответы, пришедшие позже новых. Debounce сокращает вызовы, но самостоятельно не предотвращает гонку сетевых ответов и не гарантирует отзывчивость тяжёлой функции.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Применить на практике

Продолжить разбор