What do you understand about event loop?

Event loop koordynuje kod synchroniczny i asynchroniczny.

Najważniejsze elementy:

Call Stack

Microtask Queue

Task / Macrotask Queue

Przykład:

console.log("A");

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

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

console.log("D");

Wynik:

A
D
C
B

Dlaczego?

Najpierw wykonuje się cały synchroniczny kod:

A
D

Callback Promise trafia do microtask queue.

Callback setTimeout do task/macrotask queue.

Po opróżnieniu call stacka event loop wykonuje najpierw microtaski.

Dlatego:

Promise

przed:

setTimeout

Doprecyzowanie:
Promise też nie wykonuje .then() od razu. Jego callback również czeka, tylko w kolejce o wyższym priorytecie.