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

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

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

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

2. Ожидание асинхронного результата: Внешний код (например, "раннер" или обертка для генератора) получает значение, переданное через yield. Если это промис, он ждет его разрешения или отклонения.

3. Возобновление выполнения (next()): После завершения асинхронной операции (разрешения промиса), асинхронный результат (значение промиса) передается обратно в генератор через метод next(). Генератор возобновляет выполнение с точки, где он был приостановлен.

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

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

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

javascript