マンガでわかるJavaScriptのPromise

公開：2024-11-15、更新：2024-11-15

第10話「reject」3　ドキュメント

ドキュメント

コード1

　「then」の第2引数を使って、処理を分岐する例です。

ソースコード）「then」の第2引数で処理を分岐


new Promise(function(resolve, reject) {
    setTimeout(function() {
        reject();
    }, 1000);
})
.then(
    function() {
        console.log('解決');
    },
    function() {
        console.log('拒否');
    }
);

出力）実行結果


拒否

コード2

　「catch」を使って分岐する例です。

ソースコード）「catch」を使って分岐


new Promise(function(resolve, reject) {
    setTimeout(function() {
        reject();
    }, 1000);
})
.then(function() {
    console.log('解決1');
})
.then(function() {
    console.log('解決2');
})
.catch(function() {
    console.log('キャッチ');
});

出力）実行結果


キャッチ

コード3

　「then」による分岐と「catch」による分岐を混ぜた例です。

ソースコード）「then」と「catch」を混ぜる


new Promise(function(resolve, reject) {
    setTimeout(function() {
        reject();
    }, 1000);
})
.then(
    function() { console.log('解決1') },
    function() { console.log('拒否1') }
)
.then(
    function() { console.log('解決2') },
    function() { console.log('拒否2') }
)
.catch(function() {
    console.log('キャッチ')
});

出力）実行結果


拒否1
解決2

コード4

　「reject」で値を送る例です。

ソースコード）「reject」で値を送る


new Promise(function(resolve, reject) {
    setTimeout(function() {
        reject('エラー');
    }, 1000);
})
.then(
    function(arg) {
        console.log('解決', arg);
    },
    function(arg) {
        console.log('拒否', arg);
    }
);

出力）実行結果