В чем разница между макрозадачами и микрозадачами в JavaScript?

Разница между макрозадачами и микрозадачами в JavaScript заключается в порядке выполнения и приоритетах. proglib.io

Микрозадачи — это более мелкие задачи, которые обновляют состояние приложения и должны выполняться до того, как браузер продолжит выполнение других заданий, таких как повторный рендеринг пользовательского интерфейса. stackoverflow.com К микрозадачам относятся обратные вызовы промисов и изменения мутации DOM. stackoverflow.com Они имеют более высокий приоритет и выполняются до макрозадач. proglib.io

Макрозадачи — это задачи, которые должны быть выполнены после окончания текущего цикла событий и перед тем, как изменения будут отрендерены на экране. proglib.io К ним относятся задачи, добавленные в очередь событий с помощью setTimeout, setInterval, requestAnimationFrame, а также обработка входных событий и сетевых запросов. proglib.io Макрозадачи выполняются после того, как завершается обработка всех микрозадач в текущем цикле событий. proglib.io

Таким образом, в рамках итерации цикла сначала выполняются микрозадачи, затем — макрозадачи. habr.com