Как Event Loop добавляет micro tasks в call stack

Event Loop обрабатывает microtasks (например, промисы, queueMicrotask, MutationObserver) после выполнения текущей макрозадачи (например, setTimeout, DOM-события) и перед следующей макрозадачей. Microtasks выполняются до рендеринга и гарантированно в том же цикле событий.

Пример:

console.log('Start');

setTimeout(() => console.log('Timeout'), 0);

Promise.resolve()
  .then(() => console.log('Promise'));

queueMicrotask(() => console.log('Microtask'));

console.log('End');

Вывод:

Start
End
Promise
Microtask
Timeout

Порядок: синхронный код → все microtasks → следующая macrotask.