10
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

3秒で理解する async/await関数 の並列実行

Last updated at Posted at 2020-08-16

async/awaitによる非同期処理を、いくつかまとめて並列実行したい場合のやり方です。
多くの資料が、返り値を利用しない場合のやり方しかまとめられておらず、
返り値を利用したい場合にどうすればいいかわからなかったので、調べてまとめました。

1. 関数の返り値を利用したい場合

async function 関数() {

  //実行するときにはawaitをつけず
  const 変数A = 非同期関数A();
  const 変数B = 非同期関数B();

  //利用するときにawaitをつける。
  console.log([
    await 変数A,
    await 変数B,
  ]);

}

2. 関数の返り値を利用しない場合

async function 関数() {

  //await Promise.All()の引数(配列)に関数をいれて実行することで、並列実行してくれる。
  await Promise.All([
    非同期関数A(),
    非同期関数B(),
  ]);

}

P.S.
間違っていたら教えてくださいm(_ _)m

10
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?