Visualiseur Event Loop JavaScript

console.log("Start");

setTimeout(() => {
  console.log("setTimeout");
}, 0);

Promise.resolve().then(() => {
  console.log("Promise");
});

console.log("End");

Comprendre l'Event Loop JavaScript

L'event loop JavaScript gere les operations asynchrones. Les callbacks setTimeout vont dans la file macrotaches, les callbacks Promise dans la file microtaches.

Concepts cles

• La pile d'appels execute le code synchrone en premier
• Les microtaches ont priorite sur les macrotaches
• Chaque macrotache est suivie de toutes les microtaches
• L'event loop verifie les files quand la pile est vide
• Les Web APIs comme setTimeout s'executent hors du thread principal

Questions frequentes

Outils connexes