В чем разница между micro task и macro task

Разница между microtask и macrotask в Event Loop:

1. Microtask выполняется сразу после текущего синхронного кода, до рендеринга. К ним относятся:
   • Promise.then/catch/finally
   • queueMicrotask()
   • MutationObserver

2. Macrotask выполняется после рендеринга. Примеры:
   • setTimeout/setInterval
   • setImmediate (Node.js)
   • I/O операции
   • UI рендеринг

Пример:

console.log('Start');

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

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

console.log('End');

Вывод:

Start
End
Promise
Timeout