Debounce
JavaScript 🟡 MidType : Concept
Definition
Le debounce retarde l'execution d'une fonction jusqu'a ce qu'un delai se soit ecoule sans nouvel appel. Chaque nouvel appel reinitialise le timer, garantissant qu'elle ne s'execute qu'apres la fin de l'activite.
Analogie
Un ascenseur qui attend 3 secondes apres le dernier passager entre avant de fermer les portes.
Exemple de code
function debounce(fn, ms) {
let timer;
return (...args) => {
clearTimeout(timer);
timer = setTimeout(() => fn(...args), ms);
};
}Cas d'usage
Limiter les appels API d'une barre de recherche autocomplete pendant la saisie.