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

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

未關閉
#1,934 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

suggestion: tutorial
主要語言
HTML
星號
4.1k
分支
922
PR 合併指標
30 天內沒有已合併 PR

描述

### Описание

После прочтения главы учебника про [Генераторы](https://learn.javascript.ru/generators) мне стала интересна эта тема я и решил уделить чуть больше внимания, чем на остальные темы. И в конечном итоге я нашел одну особенность, которая не была упомянута в данной главе и которую на мой субъективный взгляд стоит добавить.

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

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

Пример:
```js
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.

Вот пример кода одного из сценариев:
```js
// Пример сценария-генератора
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 }`
}
```

### Готовы ли вы принять участие в реализации данного предложения?

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

貢獻指南

開啟貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

研究方向

從 issue 中連結的 Generators 章節開始,檢查其中對 yield 和 yield* 的現有說明。使用提供的範例,清楚解釋 yield* 如何轉送巢狀產生器的回傳值;該章節應準確涵蓋此行為及其實際用途。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
javascript
領域
documentation
Issue 類型
文件
難度
2/5
預估耗時
1-3 小時
活躍度
停滯
描述清晰度
基本清楚
新手友好度
50/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。