Event Loop & Microtasks

How does the event loop handle async generators?

async function* asyncGenerator() {
  await Promise.resolve();
  yield 'A';
  await Promise.resolve();
  yield 'B';
}

(async () => {
  for await (const val of asyncGenerator()) {
    console.log(val);
  }
})();

All yields execute synchronously
Each yield creates a new macrotask
Each yield and await creates microtasks
Async generators interact with the event loop in specific ways: 1) Each await creates a microtask, 2) Each yield suspends execution until the next iteration, 3) for await creates new microtasks for each iteration, 4) The generator's execution is managed through microtasks, 5) Maintains proper sequencing of asynchronous operations, 6) Enables complex async iteration patterns while respecting the event loop.
Yields are processed randomly

Next Question (11/20)