JavaScript выполняется в одном потоке. Цикл событий берёт одну макрозадачу (скрипт, setTimeout, событие, сетевой ответ), выполняет её до конца, затем все микрозадачи (then у промисов, await-продолжения, queueMicrotask), затем при необходимости отрисовку, и берёт следующую макрозадачу.
А ещё Тяжёлые вычисления — в Web Worker
Так подсказку видит пользователь sotto на живом собеседовании — за пару секунд, пока вы думаете вслух.
Компоненты:
Один оборот: выполнить макрозадачу → опустошить очередь микрозадач (включая добавленные по ходу) → если пора, отрисовать кадр (requestAnimationFrame, стили, раскладка, отрисовка) → следующая макрозадача.
Следствия: setTimeout(fn, 0) — не «сразу», а «после текущей задачи и всех микрозадач»; минимальная задержка вложенных таймеров — 4 мс; фоновые вкладки замедляют таймеры.
Не блокировать поток: разбивать работу на части (setTimeout, scheduler.yield), выносить в Web Worker.
sottoconsole.log(1);
setTimeout(() => console.log(2));
Promise.resolve().then(() => console.log(3));
queueMicrotask(() => console.log(4));
console.log(5);
// 1 5 3 4 2sotto слышит вопрос интервьюера и показывает короткий ответ и план, как в блоке «Коротко». Оставьте контакт — пришлём доступ и промокод.