我发现了很多类似的问题,但没有一个具有相同的目的(或者也许我只是不明白?也可以是这样)。
我有一个元素数组,一个函数 A,它对一个元素执行异步操作并返回一个 Promise,而我正在处理的函数 B 应该为每个数组元素调用 A,并返回一个 Promise 一次所有 A 调用均已完成。我怎样才能做到这一点? 相关代码:
var img = [];
img[0] = "http://www.something.com/picture0.jpg";
img[1] = "http://www.something.com/picture1.jpg";
img[2] = "http://www.something.com/picture2.jpg";
function ask(img)
{
return new Promise((resolve, reject) =>
{
if(something)
{resolve("test");}
else
{reject("test");}
}
}
function analyze_all(img)
{
for(var i in img)
{
ask(img[i])
.then((res) =>
{
???
})
.catch((err) =>
{
???
});
}
return ???
}
我考虑过将所有结果推送到一个列表中,如下所示:
function analyze_all(img)
{
var ret = [];
for(var i in img)
{
ask(img[i])
.then((res) =>
{
ret.push({image: img[i], data: res});
})
.catch((err) =>
{
ret.push({image: img[i], error: err});
});
}
return ???
}
但是我如何知道所有异步调用何时完成? 请帮忙!
<小时/>已解决。另外,如果有人有类似的需求并且想要拥有所有“返回”值,无论他们是解决还是拒绝,我建议检查以下链接: https://nmaggioni.xyz/2016/10/13/Avoiding-Promise-all-fail-fast-behavior/
最佳答案
您的方向是正确的,请使用Promise.all
:
function analyze_all(img) {
var ret = [];
for(var i in img) {
ret.push(
ask(img[i]).then((res) => {
// something
})
.catch((err) => {
// something
})
)
}
return Promise.all(ret);
}
关于javascript - 每个数组元素的异步调用并等待完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50140817/