Зачем нужны micro tasks

Microtasks (микрозадачи) в JavaScript используются для выполнения асинхронного кода с высоким приоритетом, который должен быть выполнен сразу после текущего синхронного кода, но до следующей макрозадачи (например, setTimeout, setInterval).

Они обрабатываются в Event Loop после каждого синхронного выполнения, но до рендеринга. Примеры:

• Промисы (Promise.then/catch/finally)
• queueMicrotask()
• MutationObserver

console.log('Start');  
setTimeout(() => console.log('Timeout'), 0);  
Promise.resolve().then(() => console.log('Promise'));  
console.log('End');  

// Output:  
// Start  
// End  
// Promise  
// Timeout  

Здесь Promise выполняется раньше setTimeout, так как это микрозадача.