异步/等待vs组合生成器和promise？

Question

MDN文档

异步/等待函数的目的是简化同步使用promise的行为，并对一组promise执行某些行为。正如promise类似于结构化回调一样，async/await类似于组合生成器和promise。

我了解异步/等待、生成器和promise的基本概念。然而，我不完全理解说async/await类似于将生成器和promise结合起来意味着什么。

所以async/wait简化了生成器和promise可以一起做什么？有什么例子吗？

Answer 1

是的，你说得对。先举一个发电机的例子，并promise：

function *gen () {
    const promiseValue = yield new Promise((resolve) => resolve(42));
    console.log(promiseValue);
}

// .. and at some other context using '*gen'

const iterator = gen();
const { value: promise } = iterator.next(); // Promise (42)

promise.then((resolvedValue) => iterator.next(resolvedValue)); // logs 42

这个生成器向外部世界产生一个promise，我们通过将其作为参数传递给迭代器，将其值传递回生成器。下一个打电话，一旦promise达成。

这种模式至少与所谓的任务相交。这样做的缺点是，每次产生的promise解析时，我们都必须在迭代器上手动调用Next。这就是异步等待的地方：

async function task() {
    const promiseValue = await new Promise((resolve) => resolve(42));
    console.log(promiseValue);
}

这就是全部。异步函数将暂停，直到前面有wait关键字的promise表达式解析，表达式将计算为promise的自动展开，即其最终值。

然后等待表达式的结果（42，在我们的例子中）将被分配给promiseValue，就像yield一样。这一切都发生在函数继续执行下一条语句之前。

这与上面的代码片段和生成器的行为基本相同。

虽然根据我的经验，这个例子似乎是生成器和异步函数最常见的用例，其中async/await绝对是更干净的方法，但是生成器确实有一些async/await没有的强大功能（但这是另一个主题）。