20. debounceTime: подождать тишину

debounceTime — подождать тишину

Это один из самых полезных операторов в RxJS. debounceTime(ms) работает так: получив значение, он не пропускает его сразу, а ждёт указанный период. Если в это время приходит новое значение — старое отбрасывается, а ожидание стартует заново. Дальше проходит только то значение, после которого была пауза.

'r' → 'rx' → 'rxjs' [пауза] → debounceTime(30) → пропускает только 'rxjs'

Где применяется

• Поиск: не дергать сервер на каждую букву.
• Автосохранение: ждать паузы в наборе, потом сохранять.
• Валидация формы: показывать ошибки после того, как пользователь перестал печатать.
• Resize/scroll: не пересчитывать на каждый пиксель.

Глоссарий

• Debounce (англ. «дребезг», как у клавиш) — техника «гашения» частых сигналов: проходит только последний после паузы.
• hot Observable — поток, который «работает» сам по себе, как поток реальных событий (например, кликов). Marble-функция hot(...) позволяет симулировать такой поток в тестах.

const { debounceTime } = Rx;

function createSearch$(input$) {
  return input$.pipe(
    debounceTime(30)
  );
}