Можешь объяснить, как работают JavaScript генераторы, включая синтаксис, роль ключевого слова `yield` и их практическое применение?

Что такое генератор?

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

Синтаксис

Генераторы объявляются с использованием синтаксиса function*:

Вызов генератора не выполняет его тело сразу — вместо этого он возвращает объект итератора.

Ключевое слово yield

• yield приостанавливает функцию и возвращает значение вызывающему коду
• Выполнение возобновляется с того же места при следующем вызове .next()
• Каждый вызов .next() возвращает объект: { value, done }

Практическое применение

• Ленивые вычисления — значения вычисляются только когда они нужны, что улучшает производительность
• Бесконечные последовательности — ты можешь моделировать бесконечные потоки без исчерпания памяти
• Пользовательские итерируемые объекты — генераторы естественным образом реализуют протокол итератора, что делает их совместимыми с циклами for...of
• Управление асинхронным потоком выполнения — генераторы были основой для работы с асинхронным кодом до появления async/await

Главный вывод

Генераторы дают тебе детальный контроль над выполнением функции. Возможность приостанавливаться, возвращать значения через yield и возобновляться делает их мощным инструментом для эффективной работы с последовательностями, потоками и сложной логикой итерации.