JavaScript Event Loop Visualisierer

console.log("Start");

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

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

console.log("End");

Die JavaScript Event Loop verstehen

Die JavaScript Event Loop behandelt asynchrone Operationen. setTimeout-Callbacks gehen in die Task Queue, Promise-Callbacks in die Microtask Queue.

Kernkonzepte

• Der Call Stack fuehrt synchronen Code zuerst aus
• Microtasks haben Vorrang vor Macrotasks
• Jeder Macrotask wird von allen Microtasks gefolgt
• Die Event Loop prueft Queues nur bei leerem Stack
• Web APIs laufen ausserhalb des Hauptthreads

Haeufig gestellte Fragen

Verwandte Tools