マンガでわかるJavaScriptのPromise

# 4p 1) ミア： それで 失敗した場合は ｔｈｅｎ以降は どうなるの？ 2) モフオ： ２つ書き方が あるから 説明するね ----- 3) モフオ： まずは ｔｈｅｎの関数を ２つ書く方法 ｒｅｊｅｃｔだと ２つめの関数が 実行される 4) （実行される方に色を塗る） new Promise(function(resolve, reject) { setTimeout(function() { reject(); }, 1000); }) .then( function() { console.log('解決'); }, function() { console.log('拒否'); } ); 出力内容 拒否 ----- 5) モフオ： この場合は 拒否と表示される 6) ミア： ｒｅｓｏｌｖｅと ｒｅｊｅｃｔで 処理を分岐できる のね

# 5p 1) モフオ： 次はｃａｔｃｈを 使う方法だよ ｔｒｙ ｃａｔｃｈ文 のように 例外をキャッチ するんだ ----- 2) （処理の部分に色を塗る） new Promise(function(resolve, reject) { setTimeout(function() { reject(); }, 1000); }) .then(function() { console.log('解決1'); }) .then(function() { console.log('解決2'); }) .catch(function() { console.log('キャッチ'); }); 出力内容 キャッチ 3) ミア： この場合は ｔｈｅｎを すっ飛ばして ｃａｔｃｈまで 進むのね

# 6p 1) ミア： 両方の方法を 混ぜて書いたら どうなるの？ 2) モフオ： やってみよう ----- 3) 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) ミア： 拒否1 解決2 と出力されて キャッチは 表示されないのね

# 7p 1) モフオ： もう１つ 説明するね ｒｅｓｏｌｖｅと 同じように ｒｅｊｅｃｔも 引数を書ける ----- 2) new Promise(function(resolve, reject) { setTimeout(function() { reject('エラー'); }, 1000); }) .then( function(arg) { console.log('解決', arg); }, function(arg) { console.log('拒否', arg); } ); 出力内容 拒否 エラー resolveでは値を送る rejectではエラーの理由を送る ----- 3) ふーん こういう仕組みも あるのね