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")
})