为什么 babel 将 async/await 翻译成再生器？答案

【问题标题】：Why does babel translate async/await to regenerators?为什么 babel 将 async/await 翻译成再生器？
【发布时间】：2016-04-09 12:47:15
【问题描述】：

所有版本的 babel 都将一个 await 语句翻译成一个 _asyncToGenerator 调用，它显然有一些缺点：

根据我对语法的理解，我认为任何await 都应该等同于Promise#then 调用，所以下面的代码：

try {
    let user = await getUser();
    console.log(user.name);
}
catch (error) {
    console.error(error);
}

就相当于：

let promise$of$getUser$ = getUser();
$promise$of$getUser$.then(
    $result$ => console.log($result$),
    $error$ => console.error($error$)
);

通过这种方式，也可以正确地将多个await 语句甚至Promise#then 和await 语句的混合映射到Promise 链，所以我必须错过一些纯Promise#then 的情况不适合await 语句。

【问题讨论】：

【解决方案1】：

您可以使用其他 2 个插件：async-to-generator 和 async-to-module-method。

还有一个名为kneden 的实验性插件，它会尝试按照您的建议进行操作（异步到承诺）。它仍然是 WIP，并不能涵盖所有情况，而且很可能无法解决。

【讨论】：

【解决方案2】：

我认为你忽略了循环：

for (let userId of userIds) {
  const user = await getUser(userId);
  console.log(user);
}

【讨论】：