Обычные генераторы в JavaScript позволяют писать асинхронный код благодаря их способности приостанавливать и возобновлять выполнение, а также передавать значения в обоих направлениях (через yield и next()).

Вот как это работает в контексте асинхронности:

Приостановка выполнения (yield): При достижении оператора yield, генератор приостанавливается и возвращает значение. В асинхронном коде это значение может представлять собой промис или другое "действие", которое нужно выполнить асинхронно.
Ожидание асинхронного результата: Внешний код (например, "раннер" или обертка для генератора) получает значение, переданное через yield. Если это промис, он ждет его разрешения или отклонения.
Возобновление выполнения (next()): После завершения асинхронной операции (разрешения промиса), асинхронный результат (значение промиса) передается обратно в генератор через метод next(). Генератор возобновляет выполнение с точки, где он был приостановлен.
Передача результата: Значение, переданное в next(), становится результатом выражения yield внутри генератора. Таким образом, генератор может "получить" результат асинхронной операции и продолжить работу с ним, как если бы код был синхронным.

Этот паттерн создает иллюзию синхронного выполнения для асинхронных операций, делая код более читаемым и управляемым по сравнению с традиционным использованием колбэков или сложных цепочек .then().

Примером такого использования являются обертки типа co (хотя сейчас более распространены async/await, которые по сути являются синтаксическим сахаром над генераторами и промисами):

// Пример использования генератора для асинхронности
function* myAsyncGenerator() {
  try {
    const result1 = yield Promise.resolve(1); // Приостановка, возвращение промиса
    console.log('Получили первый результат:', result1); // Возобновление с передачей результата

    const result2 = yield new Promise(resolve => setTimeout(() => resolve(2), 500)); // Еще одна асинхронная операция
    console.log('Получили второй результат:', result2);

    return 'Готово'; // Завершение генератора
  } catch (error) {
    console.error('Произошла ошибка:', error);
  }
}

// Простой "раннер" для генератора (упрощено)
function run(generatorFunc) {
  const generator = generatorFunc();

  function handleNext(newValue) {
    const result = generator.next(newValue);

    if (!result.done) {
      if (result.value instanceof Promise) {
        result.value.then(handleNext).catch(handleError);
      } else {
        // Обработка других типов значений, если необходимо
        handleNext(result.value);
      }
    } else {
      console.log('Генератор завершен с результатом:', result.value);
    }
  }

  function handleError(error) {
      generator.throw(error);
  }

  handleNext(); // Запуск генератора
}

// Запускаем наш асинхронный генератор
run(myAsyncGenerator);

В этом примере yield Promise.resolve(1) приостанавливает генератор. "Раннер" (или co) ждет, пока промис разрешится, и затем возобновляет генератор, передав значение 1 через next(1). Это значение 1 становится результатом yield Promise.resolve(1) внутри генератора, позволяя обработать его на следующей строке (console.log). Этот механизм позволяет имитировать синхронный поток выполнения для асинхронных операций.

Почему обычные генераторы позволяют писать асинхронный код?