Что такое Deboune

Debounce — это техника, которая ограничивает частоту вызова функции, задерживая её выполнение до тех пор, пока не пройдет определенное время без новых вызовов. Полезно для обработки событий, которые могут часто срабатывать (например, ввод в поисковую строку, resize окна).

Пример реализации на JavaScript:

function debounce(func, delay) {
  let timeoutId;
  return function(...args) {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => func.apply(this, args), delay);
  };
}

// Использование
const handleInput = debounce((value) => {
  console.log('Search:', value);
}, 300);

input.addEventListener('input', (e) => handleInput(e.target.value));

Ключевые моменты:

• Отменяет предыдущий таймаут при новом вызове
• Вызывает функцию только после паузы в вызовах
• Сохраняет контекст (this) и аргументы