javascript-tutorial / javascript-tutorial/ru.javascript.info

[Предложение: учебник]: `yield*` тоже работает в две стороны

Open
#1,934 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

suggestion: tutorial
Dominant language
HTML
Stars
4.1k
Forks
922
PR merge metrics
No merged PRs in 30d

Description

Описание

После прочтения главы учебника про Генераторы мне стала интересна эта тема я и решил уделить чуть больше внимания, чем на остальные темы. И в конечном итоге я нашел одну особенность, которая не была упомянута в данной главе и которую на мой субъективный взгляд стоит добавить.

В главе было рассказано про то, что оператор yield работает в две стороны - при вызове метода next у генератора оператор возвращает значение справа, а если в метод next передать значение, то оно будет передано части слева от оператора yield.

Так вот, тоже самое работает и при композиции генераторов с использованием оператора yield*. Когда вложенный генератор завершает свое выполнение, выполнив последний yield, он ждет следующего вызова next и уже после исполнение переходит в генератор на уровень выше. Но я заметил, что если прописать после последнего yield оператор return с каким либо значением, то есть передать его на уровень выше, а во внешнем генераторе прописать что то типа let data = yield* generator_func(), то можно принять возвращенное значение.

Пример:

function* f() {
    yield 2;
    return 3;
}

function* g() {
    yield 1;
    let data = yield* f();
    // тут выполняются некоторые необходимые преобразования значения data
    yield data;
}

let gen = g();
gen.next().value; // 1
gen.next().value; // 2
gen.next().value; // 3
Мотивация

Я считаю, что для глубокого понимания концепции композиции генераторов нужно знать о вышеописанной особенности.

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

Вот пример кода одного из сценариев:

// Пример сценария-генератора
export default function* () {
    let num1 = Number( yield `Введите первое число` );
    if (isNaN(num1)) {
        return yield "[1] Извините, это не число. Повторите попытку"
    }
    let num2 = Number( yield `Введите второе число` );
    if (isNaN(num2)) {
        return yield "[2] Извините, это не число. Повторите попытку"
    }
    return yield `Сумма ваших чисел: ${ num1 + num2 }`
}
Готовы ли вы принять участие в реализации данного предложения?

Да, я готов(а) принять участие.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the Generators chapter linked in the issue and review its existing explanation of yield and yield*. Add a clear explanation of how yield* forwards the nested generator's return value, using the provided examples; the chapter should accurately cover this behavior and its practical use.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
50/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.