Что такое генераторы в JavaScript?

Генераторы в JavaScript

Генераторы — это функции особого типа, объявляемые с помощью синтаксиса function*. В отличие от обычных функций, они могут приостанавливать своё выполнение в произвольной точке и возобновлять его позже, сохраняя при этом весь локальный контекст (переменные, позицию выполнения).

Как работает генератор

При вызове функции-генератора её тело не выполняется сразу — вместо этого возвращается объект-генератор, реализующий протоколы Iterator и Iterable. Выполнение начинается только при вызове метода .next() и продолжается до ближайшего yield или return.

Метод .next() возвращает объект { value, done }, где value — переданное в yield значение, а done — флаг завершения генератора.

function* counter() {
  yield 1;
  yield 2;
  yield 3;
}

const gen = counter();
console.log(gen.next()); // { value: 1, done: false }
console.log(gen.next()); // { value: 2, done: false }
console.log(gen.next()); // { value: 3, done: false }
console.log(gen.next()); // { value: undefined, done: true }

Двусторонняя передача данных

В yield можно не только отдавать данные наружу, но и принимать значения внутрь — через аргумент .next(value). Это делает генераторы мощным инструментом для управления потоком данных.

Делегирование: yield*

С помощью yield* генератор может делегировать выполнение другому итерируемому объекту или генератору:

function* inner() {
  yield 'a';
  yield 'b';
}

function* outer() {
  yield 1;
  yield* inner(); // делегируем выполнение
  yield 2;
}

console.log([...outer()]); // [1, 'a', 'b', 2]

Бесконечные последовательности

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

function* naturals() {
  let n = 1;
  while (true) {
    yield n++;
  }
}

const gen = naturals();
console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
// ...

Генераторы и асинхронность

До появления async/await генераторы использовались для управления асинхронным кодом (библиотеки co, redux-saga). Связка генератора с промисами позволяла писать асинхронный код в синхронном стиле. Сегодня async/await — синтаксический сахар над тем же механизмом.

redux-saga до сих пор активно использует генераторы, так как они дают тонкий контроль над эффектами и делают логику легко тестируемой.

Управление генератором

Помимо .next(), генератор поддерживает:

• .return(value) — принудительно завершает генератор
• .throw(error) — бросает ошибку внутрь генератора, которую можно поймать через try/catch

Когда применять генераторы

• Ленивая обработка больших или бесконечных наборов данных
• Кастомные итераторы для структур данных
• Управление сложным асинхронным потоком (redux-saga, co)
• Конечные автоматы с явным состоянием