async和await

async和await

• ES2017年引入async函数，能够使异步操作更加简单。
• 什么是async函数？async函数是generator函数的语法糖。
• async函数就是去掉generator函数中*，替换为了async
• async函数经常搭配await语句使用。await其实就是替代yied表达式.
• aync和await，就是一种基于promise的generator的语法糖。
• 一般使用async…await来优化promise的使用。

一、async

1)async是用来修饰函数的
2)修饰后的函数，变成了异步函数；这个函数调用后回返回一个promise对象
3)该函数内部的return结果，会作为函数调用promise对象的resolve结果

  async function fn(){
   //返回一个promise对象
          console.log(11);
          return "hello";
      }  

    fn().then(data=>{
   //返回值作为成功的回调函数的参数
        console.log(data);//hello
    });

二、await
1)await必须要出现在async修饰的方法中，否则报错；也就说await不能单独使用
2)await用来等待一个方法的执行；该方法可以是同步方法也可以是promise；一般用来等待promise的执行
3)通过使用async…await可以让以前的then或catch回调函数形式，变成同步的做法；让可读性更好
4）await只能接收到promise的成功的结果，若promise是失败状态，则收不到结果，会报错
5）不管promise的状态是会更改为成功或者是失败，await都会等待它的执行

let p = new Promise((resolve,reject)=>{
   if(true){
   
        resolve("成功");
    }else{
   
        reject("失败");
    }
    });

    async function fn(){
   
        let n = await p;//能够获取Promise成功的结果，并将这个结果返回
        console.log(n)