Wat is debounce?

Debounce — is een programmeertechniek die de frequentie van het aanroepen van een functie beperkt. Het wordt gebruikt zodat de functie alleen wordt uitgevoerd nadat er een bepaalde tijd is verstreken sinds de laatste keer dat deze werd aangeroepen. Dit is bijvoorbeeld handig bij het verwerken van gebruikersinvoer (zoals bij het typen van tekst), om de functie niet bij elke toetsaanslag aan te roepen, maar pas nadat de gebruiker stopt met typen.

Voorbeeld 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('Invoer voltooid');
}, 300);

inputElement.addEventListener('input', onInput);