Какие очереди существуют в Event Loop и чем они отличаются?

Question

В Event Loop существуют несколько очередей задач.
Основные из них — очередь macrotask и очередь microtask.
Они отличаются приоритетом выполнения и типами задач.
Microtask выполняются раньше macrotask.

YeaHub · Accepted Answer

Асинхронная модель JavaScript построена вокруг Event Loop и очередей задач.ОпределениеEvent Loop — это механизм, который управляет выполнением синхронного кода и асинхронных задач в JavaScript.Основные очередиВ процессе работы используются:Macrotask queueMicrotask queueОчередь macrotaskВ неё попадают задачи:setTimeoutsetIntervalсобытия браузераI/O операцииКаждая macrotask выполняется за один проход цикла.Очередь microtaskЭта очередь имеет более высокий приоритет. В неё попадают:Promise.thenqueueMicrotaskMutationObserverВсе microtask выполняются до перехода к следующей macrotask.Порядок выполненияОбщий порядок выглядит так:Синхронный кодВсе microtaskОдна macrotaskОтрисовка UIСледующая итерация циклаКраткий выводРазница между очередями заключается в приоритете. Microtask всегда выполняются раньше macrotask, что важно учитывать при работе с асинхронным кодом.