(基础)Promise类方法all()使用

Promise.all()  接受多个Promise对象 数组形式传递参数

所有的Promise都变成fulfilled时, 再拿到结果

// 创建多个Promise
const p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(11111)
  }, 1000);
})
const p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(22222)
  }, 2000);
})
const p3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(33333)
  }, 3000);
})

// 传入多个Promise对象的数组
// 不是Promise对象的值会转成Promise对象
Promise.all([p2, p1, p3, "aaaa"]).then(res => {
  console.log(res)  
  //等待3秒  [ 22222, 11111, 33333, 'aaaa' ]  打印结果按传递参数的顺序,不按new Promise状态变化顺序          
}).catch(err => {
  console.log("err:", err)       
})

 如果在拿到所有结果之前, 有一个promise变成了rejected, 那么整个promise是rejected

// 创建多个Promise
const p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(11111)
  }, 1000);
})
const p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject(22222)             //有一个promise变成了rejected, 那么整个promise是rejected
  }, 2000);
})
const p3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(33333)
  }, 3000);
})

// 传入多个Promise对象的数组
// 不是Promise对象的值会转成Promise对象
Promise.all([p2, p1, p3, "aaaa"]).then(res => {
  console.log(res)         
}).catch(err => {
  console.log("err:", err)         // 2秒后直接抛出错误  err: 22222
})
wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值