Sobes.tech
Middle

Funktion debounce(callback, delay) {}

sobes.tech KI

Antwort von AI

Die Debounce-Funktion ermöglicht es, die Häufigkeit des Aufrufs der übergebenen Funktion callback zu begrenzen. Sie verzögert die Ausführung von callback, bis ein definierter delay-Zeitraum ohne neue Aufrufe vergangen ist. Dies ist nützlich, z.B. bei der Verarbeitung von Eingabe- oder Scroll-Events, um die Funktion nicht zu häufig aufzurufen.

Beispielimplementierung in JavaScript:

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

// Verwendung:
const debouncedFunc = debounce(() => console.log('Aufruf!'), 300);
window.addEventListener('resize', debouncedFunc);

In diesem Beispiel wird callback nur aufgerufen, nachdem das resize-Ereignis für 300 ms aufgehört hat.