yield можно считать строительным блоком await. yield принимает заданное значение и передает его вызывающему абоненту. Затем абонент может делать что угодно с этим значением (1). Позже вызывающий абонент может вернуть значение генератору (через generator.next()) который становится результатом yield выражение (2), или ошибка, которая будет казаться брошенной yield выражение (3).

async -await можно использовать yield. В (1) абонент (т. е. async -await драйвер-похож на функцию, которую вы опубликовали) обернет значение в обещание, используя аналогичный алгоритм для new Promise(r => r(value) (обратите внимание, неPromise.resolve, но это не большая проблема). Затем он ждет, когда обещание разрешится. Если он выполняет, он передает выполненное значение обратно в (2). Если он отклоняет, он бросает причину отклонения как ошибку в (3).

так что полезность async -await Это машина, которая использует yield развернуть дали значение как обещание и передать его разрешенное значение обратно, повторяя, пока функция не вернет свое окончательное значение.

в чем, черт возьми, разница между await ключевое слово и yield ключевое слово?

The await ключевое слово должно использоваться только в async function s, в то время как yield ключевое слово должно использоваться только в генераторе function*s. и они, очевидно, тоже разные - один возвращает обещания, другой возвращает генераторы.

тут await всегда превращайте что-то в обещание, тогда как yield не дает таких гарантия?

да await будем называть Promise.resolve на ожидаемое значение.

yield просто дает значение вне генератора.

попробуйте эти тестовые программы, которые я использовал, чтобы понять await / async с обещаниями

программа №1: без обещаний она не работает последовательно

function functionA() {
    console.log('functionA called');
    setTimeout(function() {
        console.log('functionA timeout called');
        return 10;
    }, 15000);

}

function functionB(valueA) {
    console.log('functionB called');
    setTimeout(function() {
        console.log('functionB timeout called = ' + valueA);
        return 20 + valueA;
    }, 10000);
}

function functionC(valueA, valueB) {

    console.log('functionC called');
    setTimeout(function() {
        console.log('functionC timeout called = ' + valueA);
        return valueA + valueB;
    }, 10000);

}

async function executeAsyncTask() {
    const valueA = await functionA();
    const valueB = await functionB(valueA);
    return functionC(valueA, valueB);
}
console.log('program started');
executeAsyncTask().then(function(response) {
    console.log('response called = ' + response);
});
console.log('program ended');

программа 2 : с обещаниями :

function functionA() {
    return new Promise((resolve, reject) => {
        console.log('functionA called');
        setTimeout(function() {
            console.log('functionA timeout called');
            // return 10;
            return resolve(10);
        }, 15000);
    });   
}

function functionB(valueA) {
    return new Promise((resolve, reject) => {
        console.log('functionB called');
        setTimeout(function() {
            console.log('functionB timeout called = ' + valueA);
            return resolve(20 + valueA);
        }, 10000);

    });
}

function functionC(valueA, valueB) {
    return new Promise((resolve, reject) => {
        console.log('functionC called');
        setTimeout(function() {
            console.log('functionC timeout called = ' + valueA);
            return resolve(valueA + valueB);
        }, 10000);

    });
}

async function executeAsyncTask() {
    const valueA = await functionA();
    const valueB = await functionB(valueA);
    return functionC(valueA, valueB);
}
console.log('program started');
executeAsyncTask().then(function(response) {
    console.log('response called = ' + response);
});
console.log('program ended');

tldr;

используйте Async / Await 99% времени над генераторами. Почему?

1. Async / Await напрямую заменяет наиболее распространенный рабочий поток цепочек обещаний, позволяющий объявлять код как синхронный, что значительно упрощает его.

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

3. Async / Await на самом деле является абстракцией, построенной поверх генераторов, чтобы облегчить работу с обещаниями.

смотрите очень подробное объяснение Async / Await против генераторов

во многих отношениях генераторы являются надмножеством async / await. Прямо сейчас async / await имеет более чистые трассировки стека, чем co, самый популярный асинхронный / ожидающий генератор на основе lib. Вы можете реализовать свой собственный вкус async / await с помощью генераторов и добавить новые функции, такие как встроенная поддержка yield на не-обещаниях или построении его на наблюдаемых RxJS.

короче говоря, генераторы дают вам больше гибкости, а генераторные библиотеки, как правило, имеют больше функций. Но async / await является основной частью языка, он стандартизирован и не будет меняться под вами, и вам не нужна библиотека для его использования. У меня есть блоге С более подробной информацией о разнице между async/await и генераторами.