awaitはasync関数の直前に置く必要はない - NullPointer's

JSのawaitキーワードはasync関数の直前に置く必要はない。関数の直前におく、というのは以下のような書き方 const result = await fetch(url); 必ずしもこのように書く必要はなく、以下のようにも書ける const p = fetch(url); const result = await p; awaitキーワードはpromiseがresolveするのを待つものである。async関数が返すのはpromiseであるので一旦変数に入れてからawaitしても良い。 これはとても重要なテクニックである。これによって複数のasync関数を並行して実行することができるようになるのだ const result1 = await fetch(url1); const result2 = await fetch(url2); という書き方の場合、fetch(url1)の完了を

[ishiduca]

この書き方の場合、fetch(url1)の完了を待たずにfetch(url2)の実行が開始される。つまり複数のHTTPリクエストを並行して実行できるのである。JSはシングルスレッドだがfetchのような非同期関数は並行実行が可能なのである。