Я просто читав цю фантастичну статтю « Генератори », і вона чітко висвітлює цю функцію, яка є допоміжною функцією для обробки функцій генератора:

function async(makeGenerator){
  return function () {
    var generator = makeGenerator.apply(this, arguments);

    function handle(result){
      // result => { done: [Boolean], value: [Object] }
      if (result.done) return Promise.resolve(result.value);

      return Promise.resolve(result.value).then(function (res){
        return handle(generator.next(res));
      }, function (err){
        return handle(generator.throw(err));
      });
    }

    try {
      return handle(generator.next());
    } catch (ex) {
      return Promise.reject(ex);
    }
  }
}

що я припускаю, це більш-менш спосіб реалізації asyncключового слова за допомогою async/ await. Отже, питання полягає в тому, що якщо це так, то в чому полягає різниця між awaitключовим словом і yieldключовим словом? Чи awaitзавжди щось перетворює на обіцянку, тоді як yieldне дає такої гарантії? Це моє найкраще здогадування!

Ви також можете побачити, як async/ awaitподібно до yieldгенераторів у цій статті, де він описує асинхронні функції ES7 .

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для розгортання отриманого значення як обіцянки та передачі його вирішеного значення назад, повторюючи, поки функція не поверне своє остаточне значення.

Ну, виявляється, існує дуже тісний взаємозв’язок між async/ awaitта генераторами. І я вірю async/ awaitбуду завжди будуватися на генераторах. Якщо ви подивитесь на те, як Бабель транспілює async/ await:

Бабель приймає це:

this.it('is a test', async function () {

    const foo = await 3;
    const bar = await new Promise(resolve => resolve('7'));
    const baz = bar * foo;
    console.log(baz);

});

і перетворює це на це

function _asyncToGenerator(fn) {
    return function () {
        var gen = fn.apply(this, arguments);
        return new Promise(function (resolve, reject) {
            function step(key, arg) {
                try {
                    var info = gen[key](arg);
                    var value = info.value;
                } catch (error) {
                    reject(error);
                    return;
                }
                if (info.done) {
                    resolve(value);
                } else {
                    return Promise.resolve(value).then(function (value) {
                        return step("next", value);
                    }, function (err) {
                        return step("throw", err);
                    });
                }
            }

            return step("next");
        });
    };
}


this.it('is a test', _asyncToGenerator(function* () {   // << now it's a generator

    const foo = yield 3;    //  <<< now it's yield, not await
    const bar = yield new Promise(resolve => resolve(7));
    const baz = bar * foo;
    console.log(baz);

}));

ви робите математику.

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

Більше пояснень цьому можна побачити тут: https://www.promisejs.org/generators/

яка біса різниця між awaitключовим словом та yieldключовим словом?

awaitКлючове слово буде використовуватися тільки в async functionсек, в той час як yieldключове слово має використовуватися тільки в генератор function*s. І ці, очевидно, теж різні - один повертає обіцянки, інший - генератори.

Чи awaitзавжди щось перетворює на обіцянку, тоді як yieldне дає такої гарантії?

Так, awaitбуде викликати Promise.resolveочікуване значення.

yield просто дає значення поза генератором.

tl; д-р

Використання async/ await99% часу над генераторами. Чому?

1. async/ awaitбезпосередньо замінює найпоширеніший робочий процес ланцюжків обіцянок, що дозволяє оголошувати код так, ніби він синхронний, різко спрощуючи його.

2. Генератори абстрагують варіант використання, коли ви називали б ряд асинхронних операцій, які залежать одна від одної і в кінцевому підсумку будуть у "готовому" стані. Найпростішим прикладом може бути пошук сторінок через результати, які в підсумку повертають останній набір, але ви викликаєте сторінку лише за потреби, а не відразу поспіль.

3. async/ awaitнасправді є абстракцією, побудованою поверх генераторів, щоб полегшити роботу з обіцянками.

Див. Дуже поглиблене Пояснення щодо Async / Await vs. Generators

Спробуйте цю тестову програму, яку я звик розуміти 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');

Багато в чому генератори є надмножиною асинхронізації / очікування. Зараз async / await має чистіші сліди стека, ніж co , найпопулярніший lib на основі генератора async / await. Ви можете реалізувати свій власний смак асинхронності / очікування за допомогою генераторів та додати нові функції, такі як вбудована підтримка для yieldнеобіцяючих або побудова її на спостережуваних RxJS.

Отже, коротше, генератори надають вам більшу гнучкість, а бібліотеки на основі генераторів, як правило, мають більше можливостей. Але async / await - це основна частина мови, вона стандартизована і не зміниться під вас, і вам не потрібна бібліотека для її використання. У мене є допис у блозі з докладнішими відомостями про різницю між async / await та генераторами.