Что произойдет, если очередь microtask будет заполняться бесконечно?

Microtask имеют абсолютный приоритет в рамках одной итерации Event Loop.

Как работает проблема

Алгоритм Event Loop устроен так:

• выполняется синхронный код

• выполняются все microtask

• только потом выполняется macrotask

Если каждая microtask добавляет новую microtask:

function loop() {
  Promise.resolve().then(loop);
}
loop();

Что происходит в этом случае

В результате:

• очередь microtask никогда не опустеет

• macrotask не начнут выполняться

• отрисовка UI не произойдёт

• браузер станет неотзывчивым

Почему это опасно

Такая ситуация:

• трудно отлаживается

• не вызывает ошибок

• выглядит как «заморозка» страницы

Как избежать

На практике:

• не создают рекурсивные microtask

• используют setTimeout для разрыва цикла

• следят за логикой Promise.then

Краткий вывод

Бесконечные microtask могут полностью заблокировать приложение. Приоритет microtask нужно использовать осознанно.