Khi nào JavaScript 'chờ đợi' thực sự chờ?

Question

Tôi đã đọc this article và tự hỏi tại sao trong đoạn đầu tiên, số wait() chờ số wait() đầu tiên kết thúc trong khi đoạn thứ hai hai số wait() chạy không đồng bộ?

async function series() { 
    await wait(500); 
    await wait(500); 
    return "done!"; 
} 

async function parallel() { 
    const wait1 = wait(500); 
    const wait2 = wait(500); 
    await wait1; 
    await wait2; 
    return "done!"; 
} 

function wait(ms) { 
    return new Promise(r => setTimeout(r, ms)); 
} 

Answer 1

Trong chức năng đầu tiên của bạn:

async function series() { 
    await wait(500); // 1 
    await wait(500); // 2 
    return "done!"; 
} 

Bạn đang nói JS để chờ đợi sự wait đầu tiên ngay sau khi nó đã bắt đầu.
Điều này có nghĩa thứ hai wait(500) không thể bắt đầu, trước khi là người đầu tiên kết thúc:

1. Kích hoạt wait(500) // 1
2. chờ đợi cho rằng để vượt qua
3. Kích hoạt wait(500) // 2
4. chờ đợi cho rằng để vượt qua

Trong chức năng thứ hai:

async function parallel() { 
    const wait1 = wait(500); // 1 
    const wait2 = wait(500); // 2 
    await wait1; 
    await wait2; 
    return "done!"; 
} 

Cả hai wait cuộc gọi là bắt đầu, trước khi mã được yêu cầu chờ kết quả.

1. Kích hoạt wait(500) // 1
2. Kích hoạt wait(500) // 2
3. Chờ wait1 để vượt qua,
4. chờ wait2 để vượt qua

Vì wait1 và wait2 được kích hoạt ngay lập tức sau mỗi lần khác, họ đang thực tế chạy song song.

Hãy tưởng tượng này:

Nếu 2 người cả hai bắt đầu một đồng hồ bấm giờ cùng một lúc, nếu bạn cần phải chờ đợi trước mỗi đồng hồ bấm giờ đạt đến 10 giây, bạn vẫn chỉ phải chờ 10 giây.
Trong chức năng series, mặt khác, đồng hồ bấm giờ thứ hai không thể bắt đầu trước khi đồng hồ đầu tiên kết thúc.

Answer 2

Tùy theo nhiệm vụ không đồng bộ nếu hai tác vụ phụ thuộc hơn chúng tôi phải thực thi chúng theo thứ tự. I E. đợi nhiệm vụ đầu tiên hoàn thành; cùng một điều đang xảy ra trong đoạn đầu tiên đó là lý do tại sao nó mất khoảng 1000ms để hoàn thành.

Nhưng nếu hai nhiệm vụ độc lập, chúng tôi có thể chạy chúng song song và chờ đợi các tác vụ đó trước nhiệm vụ phụ thuộc. I E. trong trường hợp đoạn thứ hai, chúng tôi có thể cần kết quả của cả hai nhiệm vụ và sau đó điều khiển các kết quả này. Đó là lý do tại sao chúng tôi đang chờ trước khi tuyên bố trở lại.

Cơ chế tương tự như C# async-await của nó. Để tham khảo, vui lòng truy cập Asynchronous Programming with async and await