Promiseの作成と使用方法
- はじめに JavaScriptの非同期プログラミングを効果的に扱うために、Promiseとasync/awaitが登場しました。まずは、Promiseの作成と使用方法について見ていきましょう。
Promiseって何？
非同期処理の結果を表すオブジェクトで、成功か失敗かを簡単に扱えるようにするものだよね？
そうなの！Promiseは、非同期処理が成功したか失敗したかを表すオブジェクトで、扱いやすくするの！
Promiseを作成するには、
new Promise()
コンストラクタを使って、引数に
resolver
関数を渡すの。resolver関数は、
resolve
と
reject
の２つのコールバック関数を引数に取るよ！
const myPromise = new Promise((resolve, reject) => {
// 非同期処理
});
なるほど、
new Promise()
でPromiseを作成して、引数にresolver関数を渡すんだね！
そうなの！非同期処理が成功したら
resolve
を、失敗したら
reject
を呼ぶの。例えば、こんな感じで使えるよ！
const myPromise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('成功！'); // 非同期処理が成功したとき
}, 1000);
});
わかった！非同期処理が成功したら
resolve
を、失敗したら
reject
を呼ぶんだね！
そうなの！Promiseの結果を受け取るには、
.then()
と
.catch()
を使うの。
.then()
は成功時、
.catch()
は失敗時に実行されるよ！
myPromise
.then((result) => {
console.log('成功！結果:', result);
})
.catch((error) => {
console.log('失敗！エラー:', error);
});
なるほど、
.then()
と
.catch()
でPromiseの結果を受け取れるんだね！
そうなの！Promiseを使うことで、非同期処理の成功と失敗を扱いやすくなるの！
- おわりに Promiseを使うことで、JavaScriptの非同期処理を簡単に扱うことができます。これで、非同期処理の成功と失敗をより効果的に管理できるようになりましたね！😀 次に、async/awaitを使って非同期プログラミングをさらに簡潔に書く方法について学びましょう！