Event Loop & Microtasks

What is the correct output order?

const p = Promise.resolve();

(async () => {
  await p; console.log('after:await');
})();

p.then(() => console.log('tick:a'))
 .then(() => console.log('tick:b'));

after:await, tick:a, tick:b
tick:a, tick:b, after:await
This demonstrates subtle async/await and Promise timing: 1) await creates an implicit Promise.then(), 2) The first .then() in the explicit chain executes first, 3) The await resolution creates its own microtask, 4) Chained .then() calls create separate microtasks, 5) Order is deterministic based on microtask queue rules, 6) Understanding this behavior is crucial for proper async control flow.
tick:a, after:await, tick:b
All execute simultaneously

Next Question (10/20)