JavaScript läuft auf einem einzelnen Thread, daher kann es nur eine Sache gleichzeitig tun. Die Event Loop ermöglicht es, asynchrone Arbeit ohne Blockierung zu bearbeiten: Sie führt den call stack aus, und wenn der stack leer ist, zieht sie callbacks aus Warteschlangen.
Es gibt zwei Warteschlangen mit unterschiedlichen Prioritäten:
.then), queueMicrotask. Vollständig nach jeder Aufgabe geleert, vor dem Rendering.setTimeout, I/O, UI-Events. Eine wird pro Loop-Iteration verarbeitet.console.log("1"); // sync
setTimeout(() => console.log("2"), 0); // macrotask
Promise.resolve().then(() => console.log("3")); // microtask
console.log("4"); // sync
// Output: 1, 4, 3, 2
1, 4.3.2.Deshalb wird Promise.then immer vor setTimeout(…, 0) ausgeführt, obwohl beide "asynchron" sind — Microtasks haben Vorrang.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Lange synchrone Arbeit blockiert alles (Rendering, Klicks). Verlagern Sie schwere CPU-Arbeit auf einen Web Worker (einen echten separaten Thread).
Das Verständnis der Loop erklärt die asynchrone Reihenfolge, warum Promises vor Timern aufgelöst werden, und warum nie den Haupt-Thread blockieren — das Kern-Mentalmodell für alle asynchrone JavaScript.
Eine Sammlung von IT-Interviewfragen mit ausführlichen Antworten — vom Junior bis zum Senior.
Spenden