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参加工作,专注于前端各领域技术,共同学习共同进步,一起加油呀!
💫 优质专栏:前端主流技术分享
📢 资料领取:前端进阶资料可以找我免费领取
🔥 摸鱼学习交流:我们的宗旨是在「工作中摸鱼,摸鱼中进步」,期待大佬一起来摸鱼!