Promiseのrejectのcatch方法

Question

自前でデザインしたポップアップ確認画面の表示処理を、Promiseで実装しようとしています。

<div id="confirm" style="display:none;">
	<div class="message"></div>
	<div class="decide">OK</div>
	<div class="cancel">キャンセル</div>
</div>

var confirm_res = null;
var confirm_rej = null;
$("#confirm .decide").click(function(){
	$("#confirm").hide();
	confirm_res();
});
$("#confirm .cancel").click(function(){
	$("#confirm").hide();
	//confirm_rej();
});
var confirm = function(html){
	$("#confirm").show().find(".message").html(html);
	return new Promise(function(res,rej){
		confirm_res = res;
		confirm_rej = rej;
	});
};

以上が基本コードで、利用時には

confirm("削除してよろしいですか？").then(function(){
	// 削除処理
});

のようにしています。

これでひとまず動作するのは確認できたのですが、confirmで生成したPromiseオブジェクトは、ユーザがcancelをクリックしたらresolveもrejectもされずに
ほったらかしになってるのが気になります。
rejectしておきたいのですが、コメントアウトしているconfirm_rejを呼び出したら、

(index):1 Uncaught (in promise) 

とエラーが出てしまいます。このエラーを出さなくするためにはcatchを書けばいいみたいなことはわかりましたが、下手に書くとエラーが増えたり、キャンセルしたのにthen以下が実行されたりしてしまいます。
catchはどこにどう書けば適切に動いてくれるのでしょうか？

---- 追記 ---

confirm("削除してよろしいですか？").then(function(){
	// 削除処理
}).catch(function(e){});

呼び出し時にこうすればいいのはわかってますが、できればconfirm定義付近にcatchを書いておいて、呼び出し時には書かなくていいようにしたいのです。

Comments

[yambejp]

なんのためのPromiseなのでしょうか？

[zohnam]

元々このconfirmは単純なコールバックで実装していました。データ更新系の処理をするにあたって、条件次第で0~2回のconfirmを経由して処理するかどうかが決まる、ということになり、コールバック地獄回避のためにPromiseを習得して利用しようと考えました。javascriptとjQueryはそれなりに理解していますが、Promiseは初心者、という状況です。

[mather]

> 質問者が6日前に「まだ回答を求めています」と言っています。
となっていますが、すでに回答は出ていますね。

Answer 1

エラーが増えるのは別問題なので言及しません.

戻り値を設定してはどうでしょうか？

    confirm_res(false);

confirm("削除してよろしいですか？").then(function(res){
    if (res) {
        // 削除処理
    }

Answer 2

たとえばこんな感じ

test

引数が50より大きいときは1を足してresolveして、50以下は1を引いてrejectする

const func=async x=>(x>50)?x+1:Promise.reject(x-1);
func(100).then(x=>console.log("ok:"+x),x=>console.log("err:"+x));
func(10).then(x=>console.log("ok:"+x),x=>console.log("err:"+x));

明示的にcatchしたいなら

func(10).then(x=>console.log("ok:"+x)).catch(x=>console.log("err:"+x));

でもよいかもしれません

Comments

[yambejp]

より明確にするために
rejectの戻り値をnew Error(・・・)としてもよいでしょう