Cos'è il debounce?

Debounce — è una tecnica di programmazione che limita la frequenza di chiamata di una funzione. Viene usata affinché la funzione venga eseguita solo dopo che è trascorso un certo tempo dall'ultima chiamata. È utile, ad esempio, nella gestione di eventi di input dell'utente (come durante la digitazione di testo), per non chiamare la funzione ad ogni pressione di tasto, ma solo dopo che l'utente ha smesso di digitare.

Esempio 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('Input terminato');
}, 300);

inputElement.addEventListener('input', onInput);