实现Promise.all

Promise.all是一个静态方法,它接受一个可迭代的对象(比如数组)作为参数,并返回一个新的Promise对象。这个新的Promise对象将在可迭代对象中的所有Promise对象都成功解决后解决,并将解决值组成一个数组作为其解决值。

以下是一个简单的实现Promise.all的例子:

function promiseAll(promises) {
  return new Promise((resolve, reject) => {
    let results = [];
    let count = 0;

    for (let i = 0; i < promises.length; i++) {
      promises[i]
        .then((result) => {
          results[i] = result;
          count++;

          if (count === promises.length) {
            resolve(results);
          }
        })
        .catch((error) => {
          reject(error);
        });
    }
  });
}

在这个例子中,我们首先创建一个新的Promise对象,并在其构造函数中定义resolve和reject函数。我们还定义了一个空数组results来存储每个Promise对象的解决值,并定义了一个count变量来跟踪已成功解决的Promise对象的数量。

接下来,我们使用一个for循环遍历传递给promiseAll函数的可迭代对象,对每个Promise对象执行then方法。当一个Promise对象成功解决时,我们将其解决值存储在results数组的对应位置,并将count加1。当count等于promises数组的长度时,表示所有Promise对象都已成功解决,我们调用resolve函数并将results作为解决值传递给它。

如果其中一个Promise对象被拒绝了,我们将直接调用reject函数将错误传递给新的Promise对象,使它被拒绝。

这样,我们就实现了一个简单的Promise.all函数。你可以使用它来等待多个Promise对象都成功解决后再执行一些操作。

🐱 个人主页:TechCodeAI启航,公众号:SHOW科技

🙋‍♂️ 作者简介:2020参加工作,专注于前端各领域技术,共同学习共同进步,一起加油呀!

💫 优质专栏:前端主流技术分享

📢 资料领取:前端进阶资料可以找我免费领取

🔥 摸鱼学习交流:我们的宗旨是在「工作中摸鱼,摸鱼中进步」,期待大佬一起来摸鱼!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值