# ES6 之 async函数

# async 的含义

async 函数是什么？一句话，它就是 Generator 函数的语法糖。async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已。

# async 函数的改进

async函数对 Generator 函数的改进，体现在以下四点：

• 内置执行器：

  Generator 函数的执行必须靠执行器，所以才有了 co 模块，而 async 函数自带执行器。也就是说，async 函数的执行，与普通函数一模一样，只要一行。

• 更好的语义：

  async 和 await，比起星号和 yield，语义更清楚了。async 表示函数里有异步操作，await 表示紧跟在后面的表达式需要等待结果。

• 更广的适用性：

  co 模块约定，yield命令后面只能是 Thunk 函数或 Promise 对象，而 async 函数的 await 命令后面，可以是 Promise 对象和原始类型的值（数值、字符串和布尔值，但这时会自动转成立即 resolved 的 Promise 对象）

• 返回值是 Promise：

  async 函数的返回值是 Promise 对象，这比 Generator 函数的返回值是 Iterator 对象方便多了。你可以用 then 方法指定下一步的操作。

# async 的语法

• 返回 Promise 对象：

  async 函数内部 return 语句返回的值，会成为 then 方法回调函数的参数。

  async 函数内部抛出错误，会导致返回的 Promise 对象变为 reject 状态。抛出的错误对象会被 catch 方法回调函数接收到。

• Promise 对象的状态变化：

  async 函数返回的 Promise 对象，必须等到内部所有 await 命令后面的 Promise 对象执行完，才会发生状态改变，除非遇到 return 语句或者抛出错误。

  也就是说，只有 async 函数内部的异步操作执行完，才会执行 then 方法指定的回调函数。

• await 命令：

  正常情况下，await 命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值。

  另一种情况是，await 命令后面是一个 thenable 对象（即定义 then 方法的对象），那么 await 会将其等同于 Promise 对象。

  注意：

  任何一个await语句后面的 Promise 对象变为reject状态，那么整个async函数都会中断执行。

  tips

  有时，我们希望即使前一个异步操作失败，也不要中断后面的异步操作。这时可以将第一个 await 放在 try...catch 结构里面，这样不管这个异步操作是否成功，第二个 await 都会执行。

  另一种方法是 await 后面的 Promise 对象再跟一个 catch 方法，处理前面可能出现的错误。

• 错误处理：

  如果 await 后面的异步操作出错，那么等同于 async 函数返回的 Promise 对象被 reject。

  注意点：

  • await命令后面的Promise对象，运行结果可能是rejected，所以最好把await命令放在try...catch代码块中。

  • 多个 await 命令后面的异步操作，如果不存在继发关系，最好让它们同时触发（使用 Promise.all）。

  • await 命令只能用在 async 函数之中，如果用在普通函数，就会报错。

  • async 函数可以保留运行堆栈。

# async 函数的实现原理

async 函数的实现原理，就是将 Generator 函数和自动执行器，包装在一个函数里。如下所示：

async function fn(args) {
  // ...
}

// 等同于
function fn(args) {
  return spawn(function* () {
    // ...
  });
}

所有的 async 函数都可以写成上面的第二种形式，其中的 spawn 函数就是自动执行器。

# async 与 Promise

严谨的说，async 是一种语法，Promise 是一个内置对象，两者并不具备可比性，更何况 async 函数也返回一个 Promise 对象。

在某些场景下，使用 async 会比使用 Promise 更优雅的处理异步流程。