Sofiane Boumedine Lexique Dev

Debounce

JavaScript 🟡 Mid

Type : 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.

coreinterview-questionperformance