如何使用promise.all

最新推荐文章于 2025-02-20 14:26:30 发布

原创最新推荐文章于 2025-02-20 14:26:30 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

vue 同时被 2 个专栏收录

25 篇文章

订阅专栏

5 篇文章

订阅专栏

本文详细介绍了Promise.all()的用法，展示了如何处理并发Promise并确保其同步结果。通过示例说明了当所有Promise状态变为fulfilled或rejected时的行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

promise.all()该方法用于将多个Promise实例，包装成一个新的Promise实例。

var p = Promise.all([p1,p2,p3]);

（1）只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
（2）只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。

请看下面示例：需要注意的是，promise.all()成功时，在then（result）中result是个数组

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

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

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

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

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