JavaScriptはいつ実際に待っていますか？

Question

私はthis articleを読んでいたのですが、最初のスニペットではなぜseconde wait()が最初のwait()を待っていたのですが、2番目のスニペットでは2つwait() asyncを実行しますか？あなたの最初の関数で

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

：

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

あなたは、すぐにそれが始まっていますように、第1のwaitを待つためにJSを言っています。
これは最初の1が終了する前に、第2 wait(500)は、起動することはできません意味：

1. トリガーwait(500) // 1

を渡すことを待つ

トリガーwait(500) // 2

に合格するために、そのための待ち時間を

第2の関数：

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

は、が呼び出されてから、結果を待つように指示されています。

1. トリガーwait(500) // 1
2. トリガーwait(500) // 2
3. wait1が通過するのを待ち、
は

ためwait1とwait2が互いの直後にトリガされwait2が通過するのを待ち、彼らがしています実際には並行して動作します。

この想像：2人が、あなたは、各ストップウォッチが10秒に達する前に待機する必要がある場合、あなたはまだわずか10秒を待たなければならない、同時にストップウォッチを開始し、両方の場合

を。
一方、series関数では、最初のストップウォッチが終了する前に2番目のストップウォッチを開始することはできません。

Answer 2

2つのタスクが従属している場合は、非同期タスクに依存します。私。最初のタスクが完了するのを待ちます。最初のスニペットでも同じことが起こっているため、完了までに約1000msかかるのです。

しかし、2つのタスクが独立している場合、それらを並列に実行して、従属タスクの前にそれらのタスクを待つことができます。私。 2番目のスニペットの場合、両方のタスクの結果が必要な場合があり、次にこれらの結果を操作します。だから、私たちはreturn文の前に待っているのです。

C＃async-awaitメカニズムに似ています。参考のためにAsynchronous Programming with async and await