29. debounce с leading, trailing и cancel для поиска получателя

В переводах Т‑Банка поле «Кому» ищет получателя по имени и номеру. Запрос к поиску уходит на каждую букву: за фразу «Анна Петровна» это 13 запросов, а ответы приходят вразнобой.

Напишите debounce(fn, ms, { leading = false, trailing = true } = {}). Обёртка откладывает вызов: каждый новый вызов перезапускает таймер на ms. Когда таймер дотикал, окно закрыто.

trailing: true — после закрытия окна вызвать fn с аргументами последнего вызова. leading: true — вызов, открывший окно, выполняется сразу. Если включены оба, а вызов в окне был один, fn срабатывает один раз, в начале.

У обёртки есть метод cancel(): снимает таймер и забывает отложенный вызов. Следующий вызов открывает окно заново.

В работе: Поиск по мере набора, автосохранение черновика, пересчёт при resize.

Пример 1: набор подряд: один запрос после паузы

300, null, [[0, "call", "а"], [100, "call", "ан"], [200, "call", "анн"]]

[[500, "анн"]]

Пример 2: две паузы — два запроса

300, null, [[0, "call", "и"], [400, "call", "ив"]]

[[300, "и"], [700, "ив"]]

function debounce(fn, ms, { leading, trailing } = {}) // → функция с методом cancel()

Источник: обзор транскриптов интервью: Т‑Банк, поиск с debounce. Условие пересказано своими словами.