Czym jest debounce?

Debounce — to technika programowania, która ogranicza częstotliwość wywołań funkcji. Używa się jej, aby funkcja była wykonywana tylko po upływie określonego czasu od ostatniego wywołania. Jest to przydatne na przykład przy obsłudze zdarzeń wejścia użytkownika (np. podczas wpisywania tekstu), aby nie wywoływać funkcji przy każdym naciśnięciu klawisza, lecz dopiero po tym, jak użytkownik przestanie pisać.

Przykład w JavaScript:

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

const onInput = debounce(() => {
  console.log('Wpis zakończony');
}, 300);

inputElement.addEventListener('input', onInput);