给定以下代码:
var arr = [1,2,3,4,5];
var results: number[] = await arr.map(async (item): Promise<number> => {
await callAsynchronousOperation(item);
return item + 1;
});
这会产生以下错误:
TS2322:类型“Promise<number>[]”不能分配给类型“number[]”。
类型'Promise<number>不能分配给类型'number'。
我该怎么解决呢?我如何使异步等待和数组。地图一起工作?
你可以使用:
for await (let resolvedPromise of arrayOfPromises) {
console.log(resolvedPromise)
}
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for-await...of
如果你想使用Promise.all(),你可以使用promise . allsettle ()
所以你可以更好地控制被拒绝的承诺。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled
解决方案下面正确使用异步等待和数组。地图在一起。并行、异步处理数组中的所有元素,并保持顺序:
Const arr = [1,2,3,4,5,6,7,8];
const randomDelay = () => new Promise(resolve => setTimeout(resolve, Math.random() * 1000));
Const calc = async n => {
等待randomDelay ();
返回n * 2;
};
const asyncFunc = async() => {
const unresolvedPromises = arr.map(calc);
const results = await Promise.all(未解决的promise);
document . write(结果);
};
document . write(“计算…”);
asyncFunc ();
也codepen。
注意,我们只“等待”Promise.all。我们多次调用没有“await”的calc,并立即收集一组未解决的承诺。然后承诺。All等待解析所有这些值,并返回一个包含已解析值的数组。
如果你使用的不是本地承诺而是蓝鸟,还有另一个解决方案。
您还可以尝试使用Promise.map(),混合数组。地图和承诺。所有
对你来说:
var arr = [1,2,3,4,5];
var results: number[] = await Promise.map(arr, async (item): Promise<number> => {
await callAsynchronousOperation(item);
return item + 1;
});