promise.all和promise.race途中出现错误运行情况

1.promise.all

a.在使用时，如果中间不出错返回reject，会在.then()后返回每一个promise的resolve()返回的内容。

  function p1() {
    return new Promise((resolve,reject)=>{
      console.log('成功1')
      resolve('成功1')
    })
  }
  function p2() {
    return new Promise((resolve,reject)=>{
      console.log('成功2')
      resolve('成功2')
      // reject('失败原因')
    })
  }
  function p3() {
    return new Promise((resolve,reject)=>{
      console.log('成功3')
      resolve('成功3')
    })
  }
  Promise.all([p1(),p2(),p3()]).then((res)=>{
    console.log(res,"res")
  }).catch((err)=>{
    console.log(err,"err")
  })

　　打印结果为：

b.在使用时，如果有一项出现错误返回reject，会直接走catch,取到reject返回的错误信息，但不影响之后的promise，其他的promise会正常执行，只是结果拿不到。

  function p1() {
    return new Promise((resolve,reject)=>{
      console.log('成功1')
      resolve('成功1')
    })
  }
  function p2() {
    return new Promise((resolve,reject)=>{
      // console.log('成功2')
      // resolve('成功2')
      reject('失败原因')
    })
  }
  function p3() {
    return new Promise((resolve,reject)=>{
      console.log('成功3')
      resolve('成功3')
    })
  }
  Promise.all([p1(),p2(),p3()]).then((res)=>{
    console.log(res,"res")
  }).catch((err)=>{
    console.log(err,"err")
  })

　　打印的结果为：

总结：1.Promise.all 里面参数为一个数组，数组的每一项是一个返回promise 的函数调用；

2.then 的第一个参数是所有promise都成功的调用，返回结果是一个数组，数组的每一项为函数promise 的返回结果；

3.执行期间有一个返回rejcet则执行失败回调，拿到的是第一个失败得值，其他promise进程不受影响；

 

2.promise.race（只看谁先完成返回谁）

如果全部是正常resolve,看谁快返回的.then（res）结果值是谁

  function p1() {
    return new Promise((resolve,reject)=>{
      console.log('成功1')
      resolve('成功1')
    })
  }
  function p2() {
    return new Promise((resolve,reject)=>{
      console.log('成功2')
      resolve('成功2')
      // reject('失败原因')
    })
  }
  function p3() {
    return new Promise((resolve,reject)=>{
      console.log('成功3')
      resolve('成功3')
    })
  }
  Promise.race([p1(),p2(),p3()]).then((res)=>{
    console.log(res,"res")
  }).catch((err)=>{
    console.log(err,"err")
  })

　　打印结果为：

如果第一个就出现错误返回reject，则走错误回调，返回错误的值

  function p1() {
    return new Promise((resolve,reject)=>{
      console.log('成功1')
      resolve('成功1')
    })
  }
  function p2() {
    return new Promise((resolve,reject)=>{
      // console.log('成功2')
      // resolve('成功2')
      reject('失败原因')
    })
  }
  function p3() {
    return new Promise((resolve,reject)=>{
      console.log('成功3')
      resolve('成功3')
    })
  }
   //注意p1,p2位置
  Promise.race([p2(),p1(),p3()]).then((res)=>{
    console.log(res,"res")
  }).catch((err)=>{
    console.log(err,"err")
  })

　　打印结果为：