Что такое microtask

Microtask — это задача, которая выполняется после текущей задачи и перед следующей макрозадачей (например, рендерингом). Они обрабатываются в цикле событий (event loop) и имеют более высокий приоритет, чем макрозадачи (setTimeout, setInterval).

Примеры microtask:

• Промисы (Promise.resolve().then(...))
• queueMicrotask()
• MutationObserver

console.log('Start');

setTimeout(() => console.log('Timeout'), 0); // макрозадача

Promise.resolve()
  .then(() => console.log('Promise 1')) // microtask
  .then(() => console.log('Promise 2')); // microtask

console.log('End');

// Output:
// Start
// End
// Promise 1
// Promise 2
// Timeout