Promise.all Promise.race

1. Promise.all()

参数是一个数组，数组中每一个元素都是一个Promise，返回结果也是一个数据，返回的结果顺序与传入的参数Promise顺序一致

let p1 = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('P1')
      }, 2000)
    })

 let p2 = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('P2')
      }, 2000)
 })
Promise.all([p2, p1]).then((result) => {
      console.log(result)  // ['P2','P1']
    }).catch((error) => {
      console.log(error)
    })

这是都成功的状态，进入then

Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的，即p1的结果在前，即便p1的结果获取的比p2要晚。这带来了一个绝大的好处：在前端开发请求数据的过程中，偶尔会遇到发送多个请求并根据请求顺序获取和使用数据的场景，使用Promise.all毫无疑问可以解决这个问题。

如果有一个失败：

let p1 = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('P1')
      }, 2000)
    })

    let p2 = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('P2')
      }, 2000)
    })

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

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

失败的时候则返回最先被reject失败状态的值，有一个失败就进入catch,不用等成功的执行完

2. Promise.race

Promse.race就是赛跑的意思，意思就是说，Promise.race([])里面哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。

   let p2 = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('P2')
      }, 2000)
    })

    let p1 = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('P1')
      }, 2000)
    })
    
    let p3 = new Promise((resolve, reject) => {
      setTimeout(() => {
        reject('P3')
      }, 2000)
    })
    Promise.race([p2, p1, p3]).then((result) => {
      console.log(result)    
    }).catch((error) => {
      console.log(error)
    })

输出P2，按照定义顺序来 setTimeout 按照定义顺序

Promise.all Promise.race

猜你喜欢