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