Qu'est-ce que le debounce?

Debounce — c'est une technique de programmation qui limite la fréquence d'appel d'une fonction. Elle est utilisée pour que la fonction ne s'exécute qu'après un certain délai depuis le dernier appel. Cela est utile, par exemple, lors du traitement d'événements de saisie utilisateur (par exemple, lors de la saisie de texte), pour ne pas appeler la fonction à chaque pression de touche, mais seulement après que l'utilisateur a arrêté de taper.

Exemple en JavaScript :

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

const onInput = debounce(() => {
  console.log('Saisie terminée');
}, 300);

inputElement.addEventListener('input', onInput);