Event Loop & Microtasks

What is the correct output sequence?

Promise.resolve().then(() => {
  console.log('Promise');
  setTimeout(() => console.log('Timeout in Promise'), 0);
});

setTimeout(() => {
  console.log('Timeout');
  Promise.resolve().then(() => console.log('Promise in Timeout'));
}, 0);

Promise, Timeout in Promise, Timeout, Promise in Timeout
Promise, Timeout, Promise in Timeout, Timeout in Promise
The sequence demonstrates nested task interactions: 1) Promise microtask executes first, logging 'Promise', 2) setTimeout from Promise queues a macrotask, 3) Original setTimeout macrotask executes, logging 'Timeout', 4) Promise within setTimeout creates a new microtask, logging 'Promise in Timeout', 5) Final setTimeout callback executes, logging 'Timeout in Promise', 6) Shows how microtasks and macrotasks interleave in complex scenarios.
Timeout, Promise in Timeout, Promise, Timeout in Promise
Promise, Timeout, Timeout in Promise, Promise in Timeout

Next Question (17/20)