【async/await和promise的关系】

async/await

async 字面意思异步 async用于声明一个异步函数

async function fn(){...}

在没有 await 的情况下执行 async 函数，它会立即执行，返回一个 Promise 对象，并且，绝不会阻塞后面的语句。这和普通返回 Promise 对象的函数并无二致。

await 用于等待一个异步函数执行完成，并且语法规定，await只能在async函数里面被使用，如果需要用await等待一个async异步函数完成 ，需要在外面在包裹一层async…

//类似于
async function fn(){...}
async function getAsy(fn){
   await fn()
}

await 不仅仅用于等 Promise 对象，它可以等任意表达式的结果，所以，await 后面实际是可以接普通函数调用或者直接量的。等待这个操作完成才能进行await语句下面的程序

async/await是一个语法糖，使代码更加优雅，用同步的语句编写异步的代码，消灭异步回调

async/await和promise的关系

async/await ，和promise都可以异步编程
async/await相辅相成，

• async函数返回的是promise实例对象
• await后面可以跟promise函数
• await相当于promise.then方法，并且只是成功的方法resolve,只是await时直接得到一个值，then需要传值进行回调
• async await与Promise一样，是非阻塞的。
• async await是基于Promise实现的，可以说是改良版的Promise，它不能用于普通的回调函数。

await

• await后面跟的不是promise对象，会将其他值包装成一个promise对象

(async function(){
  const res = await 400 //Promise.resolve（400）
  console.log(res) //400
})()

• await后面跟一个空对象，后面的语句不会执行，因为await一直在等promise状态变化，但是一直没有变化

(async function(){
  const p = new Promise(()=>{})
  const res = await p
  console.log(res)
  console.log("success")  
  //什么也没打印
})()

• await后面跟promise为error的话会报错，相当于.then成功态没有执行成功，可以用try…catch捕捉错误。

(async function(){
  const p = Promise.reject("error")
  const res = await p
  console.log(res)
  console.log("success")
})()    //什么都打印不出来

(async function(){
  const p = Promise.reject("error")
  try{
    const res = await p
    console.log(res)
  }catch(error){
    console.log(error)
  }
  console.log("success")
})()    //打印出 error 和 success