マンガでわかるJavaScriptのPromise

Xにポスト X@ruten 開発支援 開発/執筆依頼
公開:2024-11-15、更新:2024-11-15

第12話「finally」2 ドキュメント

今回は「finally」を使ったコードです。

ドキュメント

コード共通

 このページの以降のコードで使う共通コードです。

ソースコード)コード共通

const timer = (time, type) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            if (type === 'resolve') {
                resolve(`${time} 解決`);
            }
            if (type === 'reject') {
                reject(`${time} 拒否`);
            }
        }, time);
    });
};

    

コード1

 「resolve」を実行した場合の「finally」の例です。

ソースコード)「resolve」時の「finally」の例

timer(500, 'resolve')
.then(res => {
    console.log('then:', res);
})
.catch(res => {
    console.log('catch:', res);
})
.finally(() => {
    console.log('finally: 終了');
});

    

出力)実行結果

then: 500 解決
finally: 終了

    

コード2

 「reject」を実行した場合の「finally」の例です。

ソースコード)「reject」時の「finally」の例

timer(500, 'reject')
.then(res => {
    console.log('then:', res);
})
.catch(res => {
    console.log('catch:', res);
})
.finally(() => {
    console.log('finally: 終了');
});

    

出力)実行結果

catch: 500 拒否
finally: 終了

    

コンテンツ紹介

この連載をまとめて 無料の電子書籍で読む PDF+コードをDLする
コンテンツを全て見る

トップページに戻る
Cronus Crown(クロノス・クラウン)のトップページに戻る
(c)2002-2024 Cronus Crown (c)1997-2024 Masakazu Yanai
ご意見・お問い合わせはサイト情報 弊社への連絡までお願いします
個人情報の取り扱い、利用者情報の外部送信について