В какой последовательности выполняются таски

В JavaScript таски выполняются в следующем порядке:

1. Синхронный код - выполняется сразу
2. Микрозадачи (microtasks) - Promise.then/catch/finally, queueMicrotask, MutationObserver
3. Макрозадачи (macrotasks) - setTimeout, setInterval, setImmediate, I/O, UI rendering

Пример:

console.log('1. Синхронный код');

setTimeout(() => console.log('4. Макрозадача'));

Promise.resolve()
  .then(() => console.log('3. Микрозадача 1'))
  .then(() => console.log('3. Микрозадача 2'));

console.log('2. Синхронный код');

Вывод будет:

1. Синхронный код
2. Синхронный код
3. Микрозадача 1
4. Микрозадача 2
5. Макрозадача