Khi nào 'chờ đợi' được giải quyết đồng thời?

Question

Tài liệu MDN cho async function hiện cung cấp ví dụ kết hợp sau đây về hai cách để sử dụng await. Tôi đã sắp xếp lại nó chỉ một chút để nhấn mạnh:

function resolveAfter2Seconds(x) { 
    return new Promise(resolve => { 
    setTimeout(() => { 
     resolve(x); 
    }, 2000); 
    }); 
} 


async function add1(x) { 
    const a = await resolveAfter2Seconds(20); 
    const b = await resolveAfter2Seconds(30); 
    return x + a + b; 
} 

async function add2(x) { 
    const p_a = resolveAfter2Seconds(20); 
    const p_b = resolveAfter2Seconds(30); 
    return x + await p_a + await p_b; 
} 


add1(10).then(v => { 
    console.log(v); // prints 60 after 4 seconds. 
}); 

add2(10).then(v => { 
    console.log(v); // prints 60 after 2 seconds. 
}); 

Điều này thật đáng ngạc nhiên đối với tôi. Tại sao

const a = await resolveAfter2Seconds(20); 
const b = await resolveAfter2Seconds(30); 
return x + a + b; 

quyết hai hứa hẹn liên tục, trong khi

return x + await p_a + await p_b; 

dường như giải quyết hai hứa hẹn cùng một lúc? Hành vi này có được chỉ định cho await cụ thể hoặc hậu quả tự nhiên của một thứ khác không?

Answer 1

async function add2(x) { 
    const p_a = resolveAfter2Seconds(20); 
    const p_b = resolveAfter2Seconds(30); 
    return x + await p_a + await p_b; 
} 

Trong này p_a tuyên bố và p_b được khởi động song song (ví dụ, ngay sau khi bạn tạo ra các lời hứa), vì vậy khi bạn đang chờ đợi p_a và p_b họ sẽ xuất hiện song song, không phải tuần tự.

Để có được các chức năng khác (đang chờ đợi trong loạt), bạn sẽ cần phải:

return x + await resolveAfter2Seconds(20) + await resolveAfter2Seconds(30);