JavaScriptの非同期処理にはasync/awaitという書き方があることはみなさんよくご存知だと思います。ただ、私たちにとって英語で「待つ」を意味する馴染み深い単語はwaitかと思います。awaitも「待つ」を意味する英単語であり、waitとawaitは意味が同じですが、なぜawaitが使われているのか私自身よく知らなかったため、今回記事にしました。

waitとawaitは自動詞か他動詞かの違い

辞書検索してみたところ、waitとawaitは自動詞か他動詞かの違いであることが分かりました。どちらも「待つ」という意味は一緒ですが、waitは自動詞、awaitは他動詞です。

もう少しユースケースに沿って解説しますと、

という違いがあります。

JavaScriptにおけるawaitの書き方を見てみる

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

async function asyncCall() {
  console.log('calling')
  const result = await resolveAfter2Seconds()
  console.log(result)
  // Expected output: "resolved"
}

asyncCall();

上記のサンプルコードにおいて、awaitを書いた後は必ずその後ろに何の処理を待つかを記述します。つまり

わけです。明確に何の処理を待つかを記述する文法のため、waitではなくawaitが適切であるのは間違いないでしょう。

余談: syncとasyncの違い

こうしてみると

と一瞬思いますが、ちゃんと調べてみましょう。言葉の意味としては

にそれぞれ割り当てられます。こちらは言葉の意味から明確に異なります。asyncとawaitは先頭が同じaで、一見するとこのaは意味合いが同じなのかと錯覚しますが、全く関係ありません。紛らわしい感じはありますが注意しましょう。

参考

• MDN Web Docs > async function
• Hapa Eikaiwa > 「wait」と「await」は似ているけどどこが違うの？