Что относится к microtask, а что к macrotask?

Question

Microtask и macrotask — это разные очереди задач в Event Loop.
Microtask имеют более высокий приоритет и выполняются раньше.
Macrotask выполняются по одной за итерацию цикла.
Неправильное понимание их порядка часто приводит к неожиданному поведению кода.

YeaHub · Accepted Answer

Чтобы корректно работать с асинхронным кодом, важно понимать, какие операции попадают в какую очередь.ОпределениеMicrotask — задачи с высоким приоритетом, выполняемые сразу после синхронного кодаMacrotask — задачи с более низким приоритетом, выполняемые по очереди между перерисовками UIЧто относится к microtaskК microtask относятся:обработчики Promise.then / catch / finallyqueueMicrotaskMutationObserverPromise.resolve().then(() => {
  console.log('microtask');
});
Что относится к macrotaskК macrotask относятся:setTimeoutsetIntervalобработчики DOM-событийсетевые и I/O операцииsetTimeout(() => {
  console.log('macrotask');
}, 0);
Почему это важноИз-за разного приоритета:microtask могут выполняться раньше ожидаемогопорядок логов может выглядеть «сломано»UI может долго не обновлятьсяКраткий выводMicrotask выполняются раньше и полностью очищаются перед переходом к macrotask. Это ключевой момент при отладке асинхронного кода.