まず、Promiseの基本的な概念について説明します。Promiseは非同期操作が成功した場合や失敗した場合の結果を表すオブジェクトです。以下は、Promiseを使用して非同期な処理を実行する基本的な方法です。
const myPromise = new Promise((resolve, reject) => {
// 非同期な処理を実行するコード
// 成功した場合は resolve() を呼び出し、結果を渡す
// 失敗した場合は reject() を呼び出し、エラーを渡す
});
myPromise.then((result) => {
// 成功した場合の処理
}).catch((error) => {
// 失敗した場合の処理
});
次に、パラメータを使用したPromiseの具体的な例を見てみましょう。例として、非同期なAPIリクエストを行い、レスポンスデータを取得する処理を考えます。
function fetchData(url) {
return new Promise((resolve, reject) => {
fetch(url)
.then((response) => response.json())
.then((data) => resolve(data))
.catch((error) => reject(error));
});
}
// パラメータを指定してAPIリクエストを行う例
const apiUrl = 'https://api.example.com/data';
fetchData(apiUrl)
.then((data) => {
// レスポンスデータを使用した処理
})
.catch((error) => {
// エラーハンドリング処理
});
この例では、fetchData
という関数を定義し、指定されたURLに対して非同期なAPIリクエストを行います。Promiseを使用して非同期な処理をラップし、成功時にはresolve
を呼び出してデータを渡し、失敗時にはreject
を呼び出してエラーを渡しています。