Почему при рекурсивном вызове в цепочке промисов Event Loop может зависнуть?

Проблема рекурсии в цепочке промисов

Когда рекурсивный вызов помещается в .then() промиса, он создает новую микрозадачу. Event Loop обрабатывает все микрозадачи из очереди перед переходом к следующей макрозадаче. Если рекурсия бесконечна, очередь микрозадач никогда не опустеет, и Event Loop застрянет на их обработке.

Пример кода

function recursivePromise() {
  return Promise.resolve().then(() => {
    console.log('Microtask');
    return recursivePromise(); // бесконечная рекурсия
  });
}
recursivePromise();
// Event Loop зависает, макрозадачи не выполняются

Как это работает

• Каждый .then() добавляет микрозадачу в очередь.
• Event Loop перед обработкой макрозадачи (например, рендеринг) должен опустошить очередь микрозадач.
• Бесконечная рекурсия не дает очереди опустеть, блокируя выполнение других задач.

Отличие от рекурсии с setTimeout

Если использовать setTimeout (макрозадача), рекурсия не блокирует Event Loop, так как каждая итерация планируется как отдельная макрозадача, позволяя обрабатывать другие задачи между ними.

function recursiveTimeout() {
  setTimeout(() => {
    console.log('Macrotask');
    recursiveTimeout(); // безопасно
  }, 0);
}

Вывод

Избегайте бесконечных рекурсивных вызовов через промисы, так как это блокирует Event Loop. Для рекурсивных операций с задержками используйте макрозадачи (setTimeout/setInterval) или прерывайте рекурсию по условию.