Выполняются ли сначала все micro tasks а затем macro tasks

Да, в Event Loop сначала выполняются все microtasks (например, промисы, queueMicrotask, MutationObserver), а затем переходят к macrotasks (например, setTimeout, setInterval, I/O). Это гарантирует, что 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