Promise,async,await

什么是Promise？

• Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。
• 从语法上说，promise是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。
• Promise是一个构造函数，对外提供统一的 API，自己身上有all、reject、resolve等方法，原型上有then、catch等方法。

Promise的两个特点

1. Promise对象的状态不受外界影响

   1）pending 初始状态

   2）fulfilled 成功状态

   3）rejected 失败状态

   Promise 有以上三种状态，只有异步操作的结果可以决定当前是哪一种状态，其他任何操作都无法改变这个状态

2. Promise的状态一旦改变，就不会再变，任何时候都可以得到这个结果，状态不可以逆，只能由 pending变成fulfilled或者由pending变成rejected

创建promise

const promise = new Promise((resolve, reject) => {
    // do something here ...
    if (success) {
        resolve(res); // 成功回调
    } else {
        reject(err); // 失败回调
    }
});

function getData(){
    
       let data = new Promise(function(resolve,reject){
           	//执行异步操作
      });
      return data;
}
function getMore(){
    
       let data = new Promise(function(resolve,reject){
           	//执行异步操作
      });
      return data;
}
//...then.catch方法
getData.then(res=>{
    console.log(res)
}).catch(err=>{
    console.log(err)
})
//...all方法
Promise.all([getData(),getMore()]).then(function(res){
           console.log(res)
});

async,await

function getData(){
    
       let data = new Promise(function(resolve,reject){
           	//执行异步操作
      });
      return data;
}
function getMore(){
    
       let data = new Promise(function(resolve,reject){
           	//执行异步操作
      });
      return data;
}

async function get(){
    //串行
    let data=await getData()//先等待第一个函数返回
    let more=await getMore()//再等待第二个函数返回	
    
    //并行
    let dataMore=await Promise.all([getData(),getMore()])
}