3.Promise的静态方法

5 篇文章 0 订阅
文章讲述了邓嫂通过PromiseAPI设计的家务自动化场景,邓哥利用`Promise.allSettled`方法协调电饭煲、洗衣机和扫地机器人的任务执行,记录每个任务的结果。
摘要由CSDN通过智能技术生成

邓嫂出门时,给邓哥交待了几个任务:

  1. 做饭

    可交给电饭煲完成

  2. 洗衣服

    可交给洗衣机完成

  3. 打扫卫生

    可交给扫地机器人完成

邓哥需要在所有任务结束后给邓嫂汇报工作,哪些成功了,哪些失败了

为了最大程度的节约时间,邓哥希望这些任务同时进行,最终汇总结果统一处理

image-20210621142519937

每个任务可以看做是一个返回Promise的函数

// 做饭
function cook() {
  return new Promise((resolve, reject) => {
    console.log('邓哥打开了电饭煲');
    setTimeout(() => {
      if (Math.random() < 0.5) {
        resolve('饭已ok');
      } else {
        reject('做饭却忘了加水,米饭变成了爆米花');
      }
    }, 2000);
  });
}
​
// 洗衣服
function wash() {
  return new Promise((resolve, reject) => {
    console.log('邓哥打开了洗衣机');
    setTimeout(() => {
      if (Math.random() < 0.5) {
        resolve('衣服已经洗好');
      } else {
        reject('洗衣服时停水了,洗了个寂寞');
      }
    }, 2500);
  });
}
​
// 打扫卫生
function sweep() {
  return new Promise((resolve, reject) => {
    console.log('邓哥打开了扫地机器人');
    setTimeout(() => {
      if (Math.random() < 0.5) {
        resolve('地板扫的非常干净');
      } else {
        reject('扫地机器人被哈士奇一爪掀翻了');
      }
    }, 3000);
  });
}

如何利用这三个函数实现邓哥的要求呢?

Promise的静态方法

方法名含义
Promise.resolve(data)直接返回一个完成状态的任务
Promise.reject(reason)直接返回一个拒绝状态的任务
Promise.all(任务数组)返回一个任务 任务数组全部成功则成功 任何一个失败则失败
Promise.any(任务数组)返回一个任务 任务数组任一成功则成功 任务全部失败则失败
Promise.allSettled(任务数组)返回一个任务 任务数组全部已决则成功 该任务不会失败
Promise.race(任务数组)返回一个任务 任务数组任一已决则已决,状态和其一致

邓哥的解决方案

Promise.allSettled([cook(), wash(), sweep()]).then((result) => {
  // 处理汇总结果
  const report = result
    .map((r) => (r.status === 'fulfilled' ? r.value : r.reason))
    .join(';');
  console.log(report);
});
  • 8
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值