Skip to content

Commit be6f03f

Browse files
committed
es6
1 parent 6160d38 commit be6f03f

1 file changed

Lines changed: 23 additions & 18 deletions

File tree

1-js/10-es-modern/12-generator/article.md

Lines changed: 23 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,7 @@ function* generateSequence() {
1919
}
2020
```
2121

22-
При запуске `generateSequence()` код такой функции не выполняется!
23-
24-
Вместо этого она возвращает специальный объект, который как раз и называют "генератором".
22+
При запуске `generateSequence()` код такой функции не выполняется. Вместо этого она возвращает специальный объект, который как раз и называют "генератором".
2523

2624
```js
2725
// generator function создаёт generator
@@ -48,7 +46,9 @@ function* generateSequence() {
4846

4947
let generator = generateSequence();
5048

49+
*!*
5150
let one = generator.next();
51+
*/!*
5252

5353
alert(JSON.stringify(one)); // {value: 1, done: false}
5454
```
@@ -76,12 +76,14 @@ alert(JSON.stringify(three)); // {value: 3, *!*done: true*/!*}
7676
<img src="generateSequence-4.png">
7777

7878

79-
Функция завершена. Внешний код увидит это из свойства `done:true` и обработает `value:3`, как окончательный результат. Новые вызовы `generator.next()` больше не имеют смысла. Впрочем, если они и будут, то не вызовут ошибки, но будут возвращать один и тот же объект: `{done: true}`.
79+
Функция завершена. Внешний код должен увидеть это из свойства `done:true` и обработать `value:3`, как окончательный результат.
80+
81+
Новые вызовы `generator.next()` больше не имеют смысла. Впрочем, если они и будут, то не вызовут ошибки, но будут возвращать один и тот же объект: `{done: true}`.
8082

8183
"Открутить назад" завершившийся генератор нельзя, но можно создать новый ещё одним вызовом `generateSequence()` и выполнить его.
8284

8385
[smart header="`function* (…)` или `function *(…)`?"]
84-
Технически можно ставить звёздочку как сразу после `function`, так и позже, перед названием. В интернет можно найти обе эти формы записи, они верны:
86+
Можно ставить звёздочку как сразу после `function`, так и позже, перед названием. В интернет можно найти обе эти формы записи, они верны:
8587
```js
8688
function* f() {
8789
// звёздочка после function
@@ -92,15 +94,17 @@ function *f() {
9294
}
9395
```
9496

95-
Автор этого текста полагает, что правильнее использовать первый вариант `function*`, так как звёздочка относится к типу объявляемой сущности (`function*` -- "функция-генератор"), а не к её названию. Конечно, это всего лишь рекомендация-мнение, не обязательное к выполнению, работать будет и так и эдак.
97+
Технически, нет разницы, но писать то так то эдак -- довольно странно, надо остановиться на чём-то одном.
98+
99+
Автор этого текста полагает, что правильнее использовать первый вариант `function*`, так как звёздочка относится к типу объявляемой сущности (`function*` -- "функция-генератор"), а не к её названию. Конечно, это всего лишь рекомендация-мнение, не обязательное к выполнению, работать будет в любом случае.
96100
[/smart]
97101

98102

99103

100104

101105
## Генератор -- итератор
102106

103-
Как вы, наверно, уже догадались по наличию метода `next()`, генератор является итерируемым объектом.
107+
Как вы, наверно, уже догадались по наличию метода `next()`, генератор связан с [итераторами](/iterator). В частности, он является итерируемым объектом.
104108

105109
Его можно перебирать и через `for..of`:
106110

@@ -261,7 +265,7 @@ for(let code of generateAlphaNum()) {
261265
alert(str); // 0..9A..Za..z
262266
```
263267

264-
Код выше по поведению полностью идентичен варианту с `yield*`. При этом, конечно, переменные вложенного генератора не попадают во внешний, "делегирование" только выводит результаты во внешний поток.
268+
Код выше по поведению полностью идентичен варианту с `yield*`. При этом, конечно, переменные вложенного генератора не попадают во внешний, "делегирование" только выводит результаты `yield` во внешний поток.
265269

266270
Композиция -- это естественное встраивание одного генератора в поток другого. При композиции значения из вложенного генератора выдаются "по мере готовности". Поэтому она будет работать даже если поток данных из вложенного генератора оказался бесконечным или ожидает какого-либо условия для завершения.
267271

@@ -317,7 +321,7 @@ setTimeout(() => generator.next(4), 2000);
317321

318322
В примере выше -- только два `next`.
319323

320-
Возможно, происходящее будет проще понять, если их больше:
324+
Увеличим их количество, чтобы стал более понятен общий поток выполнения:
321325

322326
```js
323327
//+ run
@@ -446,6 +450,7 @@ try {
446450
'use strict';
447451

448452
// генератор для получения и показа аватара
453+
// он yield'ит промисы
449454
function* showUserAvatar() {
450455

451456
let userFetch = yield fetch('/article/generator/user.json');
@@ -466,7 +471,8 @@ function* showUserAvatar() {
466471
return img.src;
467472
}
468473

469-
// вспомогательная функция-чернорабочий для выполнения промисов
474+
// вспомогательная функция-чернорабочий
475+
// для выполнения промисов из generator
470476
function execute(generator, yieldValue) {
471477

472478
let next = generator.next(yieldValue);
@@ -477,7 +483,7 @@ function execute(generator, yieldValue) {
477483
err => generator.throw(err)
478484
);
479485
} else {
480-
// return из генератора (обработаем результат)
486+
// обработаем результат return из генератора
481487
// обычно здесь вызов callback или что-то в этом духе
482488
alert(next.value);
483489
}
@@ -617,11 +623,11 @@ co(function*() {
617623
```
618624

619625
[smart header="Устаревший `yield function(callback)`"]
620-
Отдельно заметим вариант с `yield function(callback)`. Такие функции (с единственным-аргументом callback'ом) называют "thunk".
626+
Отдельно заметим вариант с `yield function(callback)`. Такие функции, с единственным-аргументом callback'ом, в англоязычной литературе называют "thunk".
621627

622628
Функция обязана выполниться и вызвать (асинхронно) либо `callback(err)` с ошибкой, либо `callback(null, result)` с результатом.
623629

624-
Этот способ использования является устаревшим, так как там, где можно использовать `yield function(callback)`, можно использовать и промисы. При этом промисы мощнее. Но в старом коде его ещё можно встретить.
630+
Использование таких функций в `yield` является устаревшим подходом, так как там, где можно использовать `yield function(callback)`, можно использовать и промисы. При этом промисы мощнее. Но в старом коде его ещё можно встретить.
625631
[/smart]
626632

627633

@@ -641,7 +647,7 @@ function* gen() {
641647
}
642648

643649
function* gen2() {
644-
let result = yield new Promise(
650+
let result = yield new Promise( // (1)
645651
resolve => setTimeout(resolve, 1000, 'hello')
646652
);
647653
return result;
@@ -650,7 +656,7 @@ function* gen2() {
650656

651657
Это -- отличный вариант для библиотеки `co`. Композиция `yield* gen()` вызывает `gen()` в потоке внешнего генератора. Аналогично делает и `yield* gen()`.
652658

653-
Поэтому `yield new Promise` из `gen2()` попадает напрямую в библиотеку `co`, как еслы бы он был сделан так:
659+
Поэтому `yield new Promise` из строки `(1)` в `gen2()` попадает напрямую в библиотеку `co`, как если бы он был сделан так:
654660

655661
```js
656662
//+ run
@@ -750,14 +756,13 @@ let user = yield fetchUser(url);
750756
// let user = yield* fetchUser(url);
751757
```
752758

753-
То есть, можно сделать `yield` генератора, `co()` его выполнит и передаст значение обратно. Как мы видели выше, библиотека `co` -- довольно всеядна, поэтому будет работать и так и эдак.
754-
Однако, рекомендуется использовать для вызова функций-генераторов именно `yield*`.
759+
То есть, можно сделать `yield` генератора, `co()` его выполнит и передаст значение обратно. Как мы видели выше, библиотека `co` -- довольно всеядна. Однако, рекомендуется использовать для вызова функций-генераторов именно `yield*`.
755760

756761
Причин для этого несколько:
757762
<ol>
758763
<li>Делегирование генераторов `yield*` -- это встроенный механизм JavaScript. Вместо возвращения значения обратно в `co`, выполнения кода библиотеки... Мы просто используем возможности языка. Это правильнее.</li>
759764
<li>Поскольку не происходит лишних вызовов, это быстрее по производительности.</li>
760-
<li>И, наконец, пожалуй, самое приятное -- делегирование генераторов не портит стек.</li>
765+
<li>И, наконец, пожалуй, самое приятное -- делегирование генераторов сохраняет стек.</li>
761766
</ol>
762767

763768
Проиллюстрируем последнее на примере:

0 commit comments

Comments
 (0)