ES6 --- Promise

Promise

Promise是一种异步编程解决方案，是一个容器，保存着将来才会执行的代码；从语法角度来说Promise是一个对象，可以用来获取异步操作的消息。优点：异步操作，同步解决，避免了层层嵌套的回调函数，可以链式调用，降低了操作难度。

实例化
Promise构造函数接收一个函数作为参数，也就是回调函数；该函数的两个参数分别是resolve和reject。resolve作为成功的回调函数，reject作为失败的回调函数。Promise对象代表一个异步操作有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。最后返回resolved(已定型)结果。

实例方法
定义在Promise.prototype中的方法，通过Promise实例可以直接调用

• then(res=>{}) 状态由pending变为fulfilled的时候也就是异步操作成功之后执行该回调函数
  参数：回调函数，回调函数的参数为resolve函数传递过来的值
  返回值：返回一个新的Promise实例对象，因此可以使用链式调用

• catch(err=>{}) 状态由pending变为rejected的时候也就是异步操作失败之后执行该回调函数
  参数：回调函数，回调函数的参数为reject函数传递过来的值
  返回值：返回一个新的Promise实例对象，因此可以使用链式调用

• finally() 无论异步操作执行成功失败与否，都会执行该回调
  参数：回调函数
  返回值：返回一个新的Promise实例对象

   // 1.创建promise对象
          let p1=new Promise((resolve,reject)=>{
              // resolve,reject是回调函数
              // resolve函数是promise对象最终状态为成功状态
              //reject函数是promise对象最终状态为失败状态
              
              //非异步
              //假设异步操作执行成功，修改promise对象状态为成功状态
              if(3>2){
                  resolve('success')  // resolve 由then方法提供
              }else{
                  //假设异步操作执行失败，修改promise对象状态为失败状态
                  reject('error') // reject 由catch方法提供
              }
          })
          //如何提供resolve和reject函数
         //在promise原型里有then和catch
          // 1.then方法表示的是成功之后的回调，对应resolve
          // 2.catch方法表示的是失败之后的回调，对应reject
          p1.then((res)=>{
              console.log(res,'成功回调')
          }).catch((error)=>{
              console.log(error,'失败回调')
          }).finally(()=>{
              console.log('最终执行')
          })
  		//如果then里面传了两个回调函数,第一个代表成功之后的回调，第二个代表失败之后的回调,分别代表resolve()和reject()
  		p1.then((res)=>{
              console.log(res,'成功')
          },(err)=>{
              console.log(res,'失败')
          });
  

静态方法

定义在Promise中的方法，通过Promise可以直接调用

• Promise.all([p1,p2])
  参数：数组（数组中的元素为Promise实例）
  返回值：Promise实例，当p1，p2状态都为fulfilled时候，该实例的状态才为fulfilled，此时p1，p2的返回值组成一个数组，传递给该实例的回调函数；只要p1，p2的返回值有一个变为rejected，该实例状态为rejected;

• Promise.race([p1,p2])
  参数：数组（数组中的元素为Promise实例）
  返回值：Promise实例,当p1,p2之中有一个实例率先改变状态，该实例的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给该实例的回调函数。

• Promise.any([p1,p2])
  参数：数组（数组中的元素为Promise实例）
  返回值：Promise实例,只要p1,p2状态有一个变为fulfilled，该实例的状态为fulfilled；p1，p2状态都变为rejected，该实例状态才为rejected