promise用法

一、什么是promise

promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配（ES8)，但是她们是基于promise的），从语法上讲，promise是一个对象或者说是构造函数，用来封装异步操作并可以获取其成功或失败的结果。

二、promise的优点

1、可以避免多层异步调用嵌套问题(回调地狱)
2、promise对象提供了简洁的API，使得控制异步操作更加容易(js执行机制导致的异步问题)

三、promise的三种状态

1、pending：等待中，或者进行中，表示还没有得到结果
2、resolved(fulfilled)：已经完成，表示得到了我们想要的结果，可以继续往下执行
3、rejected：也表示得到结果，但是由于结果并非我们所愿，因此拒绝执行

四、promise用法：

①promise的实例方法：

let p = new Promise((resolve，reject)=>{
  //做一些异步操作
  }
);

Promise的构造函数接受一个参数：函数，并且这个函数需要传入两个参数：
resolve：异步操作执行成功后的回调函数
reject：异步操作执行失败后的回调函数
执行第一个参数之后就会改变当前promise为 已完成 状态；
执行第二个参数之后就会变为 已拒绝 状态；

②then方法：

then方法中有两个回调函数作为参数，如果Promise的状态为resolved(已经完成)则执行第一个回调函数；
例如：p.then( ( ) => { } , ( ) => { } )
调用resolve改变状态时，传递的参数会作为then方法的第一个回调函数的参数；
调用reject改变状态时，传递的参数会作为then方法的第二个回调函数的参数；

一般reject( new Error(‘reason’) )

then方法什么时候执行：
当Promise的状态由pending → resolved的时候执行第一个回调函数；
当Promise的状态由pending → rejected的时候执行第二个回调函数；
then方法执行后的返回值是一个新的Promise对象；

let p = new Promise((resolve,reject)=>{
   resolve();
} );
let p2 = p.then(
   () => { },//执行第一个回调函数
   () => { }
).then().then()
//返回的对象是Promise对象，也有then方法，所以可以不断地调用下去

then方法返回的Promise对象的状态改变：看调用这个then方法的状态，默认状态是resolved，如果想要rejected状态则需手动修改；

let p = new Promise((resolve，reject) => {
  resolved();
  //这个时候调用了resolve方法，所以状态是resolved
});
//p对象的状态从pending变成resolved
let p2 = p.then(
  (data)=>{
    //没有改变它的状态，所以此时返回的promise对象还是resolved;
    console.log("此时能捕捉到resolved回调数据")
  },
    () => { }
).then(
  (data) => {
    return new Promise((resolve,reject) => {
      reject (new Error('reason'));
      //此时状态已经变为rejected;
    })
  },
   () => { }
).then(
   ()=>{},
   (data)=>{
     //此时能捕捉到reject回调的数据
     console.log(data)
   }
)

then方法可以被同一个promise调用多次。

当promise成功执行的时候，所有的 onFulfilled 需按照其注册顺序依次回调
当promise被拒绝执行的时候，所有的onRejected需按照其注册顺序依次回调

then方法必须返回一个promise对象：
promise2 = promise1.then(onFulfilled,onRejected)
只要 onFulfilled 或者 onRejected 返回一个值x，promise2都会进入onFulfilled状态
如果 onFulfilled 或者 onRejected 抛出一个异常e，则 promise2 必须拒绝执行，并返回拒绝原因e
如果 onFulfilled 不是函数且 promise1 状态变为已完成，promise2 必须成功执行并返回相同的值
如果 onRejectd 不是函数且 promise1 状态变为已拒绝，promise2 必须执行拒绝回调并返回相同的据因

③catch方法

.catch方法是 .then(null,rejection) 或是 .then(undefined ，rejection)的别名，
如果promise对象状态变为resolved，则会调用then方法指定的回调函数；
如果异步操作抛出错误，状态就会变为rejected，就会调用catch方法指定的回调函数，处理这个错误。
另外，then方法指定的回调函数，如果运行中抛出错误，也会被catch方法捕获。

④其他的方法

all的用法：谁跑的慢，以谁为准执行回调。all接收一个数组参数，里面的值最终都算返回Promise对象
race的用法：谁跑的快，以谁为准执行回调