Sofiane Boumedine Lexique Dev

AbortController

JavaScript 🟡 Mid

Type : Tool

Definition

AbortController permet d'annuler des operations asynchrones comme les requetes fetch, les event listeners ou les streams. Il fournit un signal qui, une fois abort() appele, notifie toutes les operations liees.

Analogie

Un bouton d'arret d'urgence sur une chaine de montage : un seul bouton peut stopper toutes les machines connectees.

Exemple de code

const controller = new AbortController();
fetch(class="str">'/api/data', { signal: controller.signal })
  .catch(e => { if (e.name === class="str">'AbortError') console.log(class="str">'Annulé'); });
class="cmt">// Plus tard:
controller.abort();

Cas d'usage

Annuler les requetes API en cours quand l'utilisateur quitte une page ou change de filtre.

coreperformance