Где использовал Debounce

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

Примеры использования:

1. Поиск с автодополнением – чтобы не отправлять запрос на сервер при каждом вводе символа.
2. Обработка resize/scroll событий – чтобы избежать лишних вычислений при быстрой прокрутке.
3. Кнопки отправки формы – предотвращение двойного нажатия.

Пример кода:

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

const handleSearch = debounce((query) => {
  console.log('Searching for:', query);
}, 300);

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