ES6中的Promise.all和Promise.race

一、Promise.all

这个方法返回一个新的promise对象，该promise对象在所有的promise对象都成功的时候才会触发成功，一旦有任何一个里面的promise对象失败则立即触发该promise对象的失败。这个新的promise对象在触发成功状态以后，会把一个包含所有promise返回值的数组作为成功回调的返回值，顺序跟参数的顺序保持一致；如果这个新的promise对象触发了失败状态，它会把第一个触发失败的promise对象的错误信息作为它的失败错误信息。Promise.all方法常被用于处理多个promise对象的状态集合

let p1 = new Promise((resolve, reject) => {
  resolve('成功了1')
})

let p2 = new Promise((resolve, reject) => {
  resolve('成功了2')
})

let p3 = Promse.reject('失败')


Promise.all([p1, p2])
  .then((result) => {
    console.log(result) //['成功了1', '成功了2']
  })
  .catch((error) => {
    console.log(error)
  })


Promise.all([p1,p3,p2])
  .then((result) => {
    console.log(result)
  })
  .catch((error) => {
    console.log(error) //  '失败'
  })

Promise.race的使用

race和all用法类似。Promse.race方法顾名思义就是赛跑的意思，意思就是说，Promise.race([p1, p2, p3])里面哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。

 

let p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('1')
  },1000)
})

let p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('2')
  }, 500)
})


Promise.race([p1, p2])
  .then((result) => {
    console.log(result)
  }).catch((error) => {
    console.log(error)  //  打印出2 因为他快
  })

完