Async & Await

一句话总结

一异步迭代器

async 是 generator 和 promise 的语法糖，利用迭代器的状态机和 promise 来进行自更新!

async 是 Generator 函数的语法糖，并对 Generator 函数进行了改进。

async 是一个通过异步执行并隐式返回 Promise 作为结果的函数。可以说 async 是 Generator 函数的语法糖，并对 Generator 函数进行了改进。

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

内置执行器。Generator 函数的执行必须依靠执行器，而 async 函数自带执行器，无需手动执行 next() 方法。
更好的语义。async 和 await，比起星号和 yield，语义更清楚了。async 表示函数里有异步操作，await 表示紧跟在后面的表达式需要等待结果。
更广的适用性。co 模块约定，yield 命令后面只能是 Thunk 函数或 Promise 对象，而 async 函数的 await 命令后面，可以是 Promise 对象和原始类型的值（数值、字符串和布尔值，但这时会自动转成立即 resolved 的 Promise 对象）。
返回值是 Promise。async 函数返回值是 Promise 对象，比 Generator 函数返回的 Iterator 对象方便，可以直接使用 then() 方法进行调用。

什么是 async ?

MDN 的定义: async 是一个通过异步执行并隐式返回 Promise 作为结果的函数。

注意重点: 返回结果为Promise。

举个例子:

async function func() {
  return 100;
}
console.log(func());
// Promise {<resolved>: 100}

这就是隐式返回 Promise 的效果

我们来看看 await做了些什么事情。

以一段代码为例：

javascript

async function test() {
  console.log(100)
  let x = await 200
  console.log(x)
  console.log(200)
}
console.log(0)
test()
console.log(300)

答案

0、100、300、200、200

分析：

按顺序，先打印“0”，

遇到 test() 方法，执行它，打印 “100”

遇到 await，将其放入微任务队列，后续代码需要等 await 执行完才能执行（微任务执行完毕才能执行）

继续执行，打印 “300”

宏任务执行完毕，执行微任务，执行 await 200，也就是 resolve(200)，打印“200”

继续执行，打印“200”