{

"name": "iliakan",

"isAdmin": true

}

Как мы видели в примерах выше, внешний код может вернуть генератору в качестве результата `yield` любое значение.

Можно "вернуть" не только результат, но и ошибку!

Это делает вызов `generator.throw(err)`.

Например:

'use strict';

function* gen() {

// Передать вопрос во внешний код и подождать ответа

try {

let result = yield "Сколько будет 2 + 2?";

alert(result);

} catch(e) {

alert(e);

}

}

let generator = gen();

let question = generator.next().value;

generator.throw(new Error("ответ не найден в моей базе данных"));

"Вброшенная" извне ошибка обрабатывается как обычно. Она возникает в строке с `yield` и может быть перехвачена `try..catch`, как продемонстрировано выше.

Одна из основных областей применения генераторов -- написание "плоского" асинхронного кода.

Общий принцип такой:

<ul>

<li>Генератор `yield'ит` не просто значения, а промисы.</li>

<li>Есть специальная "функция-чернорабочий" `execute(generator)` которая запускает генератор, последовательными вызовами `next` получает из него эти промисы, ждёт их выполнения и возвращает в генератор результат, пока генератор не завершится.</li>

<li>Последнее значение генератора `execute` возвращает через промис, коллбэк или просто использует, как в примере ниже.</li>

</ul>

Получается примерно так:

'use strict';

function* showUserAvatar() {

let userFetch = yield fetch('/article/generator/user.json');

let userInfo = yield userFetch.json();

let githubFetch = yield fetch(`https://api.github.com/users/${userInfo.name}`);

let githubUserInfo = yield githubFetch.json();

let img = new Image();

img.src = githubUserInfo.avatar_url;

img.className = "promise-avatar-example";

document.body.appendChild(img);

yield new Promise(resolve => setTimeout(resolve, 3000));

img.remove();

return img.src;

}

function execute(generator, yieldValue) {

let next = generator.next(yieldValue);

if (!next.done) {

next.value.then(

result => execute(generator, result),

err => generator.throw(err)

);

} else {

// return из генератора (его результат)

alert(next.value);

}

}

execute( showUserAvatar() );

[head]

<style>

.promise-avatar-example {

border-radius: 50%;

position: fixed;

right: 0;

top: 0;

}

</style>

[/head]