マンガでわかるJavaScriptのPromise

第12話「finally」

今回は「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: 終了
種類無料版有料版
頒布先 Amazon Booth
形態Kindle電書PDF+コード
価格0円500円
目的知識普及
安価に閲覧		作者応援
自由な環境で閲覧
DRMありなし
マンガ○○
コラム○○
実行可能な
コード		×○
作成：2022/07/25　 更新：2022/07/25　 [Permalink]