Was ist debounce?

Debounce — ist eine Programmiertechnik, die die Häufigkeit des Funktionsaufrufs einschränkt. Sie wird verwendet, damit die Funktion nur nach einer bestimmten Zeit seit dem letzten Aufruf ausgeführt wird. Das ist nützlich, zum Beispiel bei der Verarbeitung von Benutzereingabeereignissen (z.B. beim Tippen von Text), um die Funktion nicht bei jedem Tastendruck aufzurufen, sondern erst nachdem der Benutzer aufgehört hat zu tippen.

Beispiel in JavaScript:

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

const onInput = debounce(() => {
  console.log('Eingabe beendet');
}, 300);

inputElement.addEventListener('input', onInput);