注意事项:
这个答案仅涵盖了await系列和系列之间的时序差异Promise.all。请务必阅读@mikep的综合答案,其中也涵盖了错误处理方面更重要的区别。
出于此答案的目的,我将使用一些示例方法:
res(ms) 是一个函数,它需要一个整数毫秒,并返回一个承诺,该承诺将在该毫秒后解析。
rej(ms) 是一个函数,它需要一个整数毫秒,并返回一个承诺,该承诺将在该毫秒后被拒绝。
调用会res启动计时器。Promise.all在所有延迟完成后,可以使用等待一些延迟来解决,但请记住它们是同时执行的:
例子1
const data = await Promise.all([res(3000), res(2000), res(1000)])// ^^^^^^^^^ ^^^^^^^^^ ^^^^^^^^^// delay 1 delay 2 delay 3//// ms ------1---------2---------3// =============================O delay 1// ===================Odelay 2// =========O delay 3//// =============================O Promise.all
这意味着Promise.all将在3秒后使用内部承诺中的数据进行解析。
但是,Promise.all具有“快速失败”的行为:
范例#2
const data = await Promise.all([res(3000), res(2000), rej(1000)])// ^^^^^^^^^ ^^^^^^^^^ ^^^^^^^^^// delay 1 delay 2 delay 3//// ms ------1---------2---------3// =============================O delay 1// ===================Odelay 2// =========X delay 3//// =========X Promise.all
如果async-await改为使用,则必须等待每个promise依次解决,这可能没有那么有效:
例子#3
const delay1 = res(3000)const delay2 = res(2000)const delay3 = rej(1000)const data1 = await delay1const data2 = await delay2const data3 = await delay3// ms ------1---------2---------3// =============================O delay 1// ===================Odelay 2// =========X delay 3//// =============================X await



