Τι είναι το debounce;

Debounce — είναι μια τεχνική προγραμματισμού που περιορίζει τη συχνότητα κλήσης μιας λειτουργίας. Χρησιμοποιείται ώστε η λειτουργία να εκτελείται μόνο μετά από ένα ορισμένο χρονικό διάστημα από την τελευταία κλήση. Αυτό είναι χρήσιμο, για παράδειγμα, στην επεξεργασία γεγονότων εισαγωγής χρήστη (π.χ. κατά την πληκτρολόγηση κειμένου), ώστε να μην καλείται η λειτουργία σε κάθε πάτημα πλήκτρου, αλλά μόνο αφού ο χρήστης σταματήσει να πληκτρολογεί.

Παράδειγμα σε JavaScript:

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

const onInput = debounce(() => {
  console.log('Ολοκλήρωση εισαγωγής');
}, 300);

inputElement.addEventListener('input', onInput);