JavaScriptにおけるPromiseとcatchの使用方法


  1. Promiseの基本的な構文: Promiseは非同期処理を扱うためのビルトインオブジェクトです。以下は、Promiseの基本的な構文です。
  1. thenメソッドを使用した処理のチェーン: Promiseオブジェクトには、thenメソッドを使用して成功時の処理を追加できます。以下は、thenメソッドを使用した処理のチェーンの例です。
myPromise
  .then((result) => {
    // 成功時の処理
  })
  .catch((error) => {
    // エラーハンドリング
  });
  1. catchメソッドを使用したエラーハンドリング: Promiseオブジェクトには、catchメソッドを使用してエラーハンドリングを行うことができます。以下は、catchメソッドを使用したエラーハンドリングの例です。
myPromise
  .then((result) => {
    // 成功時の処理
  })
  .catch((error) => {
    // エラーハンドリング
  });
  1. 複数の非同期処理の並列実行と結果の取得: 複数の非同期処理を並列実行し、すべての処理が完了した後に結果を取得する場合、Promise.allメソッドを使用します。以下は、Promise.allメソッドを使用した例です。
const promises = [
  promise1(),
  promise2(),
  promise3()
];
Promise.all(promises)
  .then((results) => {
    // すべての処理が成功した場合の処理
  })
  .catch((error) => {
    // エラーハンドリング
  });
  1. async/awaitを使用した非同期処理のシンプルな記述: ES2017以降のバージョンでは、async/await構文を使用して非同期処理をより簡潔に記述することができます。以下は、async/awaitを使用した非同期処理の例です。
async function myFunction() {
  try {
    const result = await myPromise;
    // 成功時の処理
  } catch (error) {
    // エラーハンドリング
  }
}

この記事では、JavaScriptにおけるPromiseとcatchの基本的な使い方とエラーハンドリングの方法を紹介しました。これらのコード例を参考にして、非同期処理をより効果的に扱うことができるでしょう。