JavaScript работает на одном потоке, поэтому может выполнять только одно действие одновременно. Event loop позволяет ему обрабатывать асинхронную работу без блокировки: выполняет call stack, и когда стек пуст, извлекает callbacks из очередей.
Существуют две очереди с разными приоритетами:
.then), queueMicrotask. Полностью опустошаются после каждого задания, перед рендерингом.setTimeout, I/O, UI события. Один обрабатывается за итерацию цикла.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.Поэтому Promise.then всегда выполняется раньше, чем setTimeout(…, 0), хотя оба являются "async" — microtasks имеют приоритет.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Долгая синхронная работа блокирует всё (рендеринг, клики). Перенесите тяжёлую работу CPU на Web Worker (настоящий отдельный поток).
Понимание event loop объясняет асинхронный порядок, почему promises разрешаются раньше таймеров, и почему никогда не следует блокировать основной поток — основная мысленная модель для всего асинхронного JavaScript.