Event Loop и браузерные API (Web APIs)

Базовая

console.log('1');
setTimeout(() => console.log('2'));             // макро
Promise.resolve().then(() => console.log('3')); // микро
console.log('4');
// → 1, 4, 3, 2

Синхронный код (1, 4) → все микротаски (3) → следующая макрозадача (2).

С async/await

async function a(){ console.log('a1'); await b(); console.log('a2'); }
function b(){ console.log('b'); }
console.log('start'); a(); console.log('end');
// → start, a1, b, end, a2

await b() выполняет b() синхронно прямо сейчас. А весь код после await (a2) превращается в микрозадачу — поэтому он позже end.

• async-функция всегда возвращает Promise (значение оборачивается в Promise.resolve).
• await x — синтаксический сахар над x.then(...): код после await = колбэк в .then = микрозадача.
• await ставит «на паузу» только текущую async-функцию, не весь поток.
• Ошибка в await ловится обычным try/catch (= .catch).

• Event Loop — порядок микро/макро, «что выведется» (промисы + setTimeout) — Sok Studio, Dinord, ОрниТех, Иннотех
• setTimeout/setInterval — отличия, какую задачу порождает — Онлайн Гимназия, Альфа-банк
• async/await — для чего, что возвращает, что под капотом — Домклик, JSA-group, ПОЛЕ.РФ, Айтиком
• localStorage / sessionStorage / cookie — отличия и кейсы — Сбер, Digital Sector, РСХБ-Интех
• Web Worker и Service Worker — что это, отличия — aQsi, Prooftech IT, F6
• IntersectionObserver / MutationObserver — что и как — Quantum Art, Ашан Тех, Сбер
• var + setTimeout в замыкании — что выведет — Queen Interactive