Event Loop & Microtasks

What is the correct order of output?

async function async1() {
  console.log(1);
  await async2();
  console.log(2);
}

async function async2() {
  console.log(3);
}

console.log(4);
async1();
console.log(5);

4, 1, 3, 5, 2
The output order demonstrates async/await and event loop interaction: 1) Synchronous code executes first (console.log(4)), 2) async1() runs synchronously until await, logging 1 and 3, 3) After await, the rest of async1 becomes a microtask, 4) Synchronous console.log(5) executes, 5) Finally, the microtask executes logging 2, 6) await creates a new microtask even with synchronous operations.
4, 1, 3, 2, 5
1, 3, 4, 5, 2
4, 1, 5, 3, 2

Next Question (6/20)