■目次

非同期処理とは

• 通信が発生する処理で起きる

  ▼例

  • Web APIを叩く
  • データベースへクエリを投げる

• 実行完了を待たない

• 並行して次の処理を実行する

  → 時間がかかるから

同期処理と非同期処理のイメージ

【同期処理】

• 相手の作業が終わるのを待ってから、次の作業に取り掛かる

【非同期処理】

• 同時並行で作業を進める

  Aが先に終わることもあれば、Bが先の場合もある

非同期処理のメリット / デメリット、対処法

メリット

• ユーザーを待たせない

  重い処理や時間のかかる通信中に、ユーザーに別の操作を許可することが可能

デメリット

• 制御が難しい

  実行完了までデータが存在しない

対処法

• 非同期処理の実行完了を制御する

  → JavaScriptでは、相手の処理の実行完了を待つ方法が2つある！

☆ 非同期処理を制御する方法

<aside> 🌿 jsのfetchメソッド自体は非同期処理で、制御はできないよ

</aside>

1. Promiseで完了を待つ

【Promiseの状態】

• pending：初期状態、定数を定義した時点ではこれ