JavaScript běží na jednom vláknu, takže může dělat jen jednu věc najednou. event loop je to, co mu umožňuje zpracovávat asynchronní práci bez blokování: spouští call stack a když je stack prázdný, vytahuje callbacky z front.
Existují dvě fronty s různými prioritami:
.then), queueMicrotask. Vyprázdněny zcela po každé úloze, před vykreslením.setTimeout, I/O, UI eventi. Jeden je zpracován za iteraci smyčky.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.To je důvod, proč se Promise.then vždy spustí před setTimeout(…, 0), i když oba jsou "asynchronní" — microtasks mají prioritu.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Dlouhá synchronní práce blokuje všechno (vykreslování, kliky). Přesuňte těžkou práci CPU do Web Worker (skutečné oddělené vlákno).
Porozumění smyčce vysvětluje asynchronní řazení, proč se promises vyřeší dříve než timery, a proč nikdy neblokovat hlavní vlákno — základní mentální model pro všechny asynchronní JavaScript.