Promise.all()在项目中获取多个异步请求

Promise.all()简单地理解是：可以将多个Promise实例组合成一个新实例，并且仅在所有实例都为fulfilled时组合后的Promise才会变成fulfilled，任意一个实例被rejected，那么组合后的Promise就变为rejected。

const p1 = new Promise((resolve, reject) => {
  resolve('success')
})

const p2 = new Promise((resolve, reject) => {
  resolve('success')
})

const p3 = new Promise((resolve, reject) => {
  reject('failed')
})

Promise.all([p1, p2])
  .then(result => {
    console.log(result)
  })
  .catch(err => {
    console.log(err)
  })
// ['success', 'success']

Promise.all([p1, p3])
  .then(result => {
    console.log(result)
  })
  .catch(err => {
    console.log(err)
  })
// failed

Promise.all()的结果时一个数组，和传入的Promise实例数组顺序一致，若rejected，则传入第一个rejected的结果。

如果内部Promise实例有catch方法，则reject时会调用自身的reject，否则调用外部catch。

在多个请求中使用Promise.all()可以实现多个请求同时完成的效果。下面是一个项目中使用的例子：

const param =this.postdata
Promise.all([this.$post('admin/listBoardDataV2', param), this.$post('admin/listAllTopList', param)])
    .then(([previousRes, res]) => {
    // ...      
})