JavaScriptでコールバックされた値を返す方法

Question

PhoneGap(Cordova)のNotification APIを使用して、確認ダイアログを出しているのですが、ダイアログの結果をtrue/falseで受け取る方法を教えてください。

試しに以下のコードを書いてみたのですが、戻り値はundefinedとなってしまいます。

<button onClick="testConfirm">確認</button>

function testConfirm(){
    //ここでtrueかfalseだけを受け取って判断したい。
    if(confirmAPI()){
        //true時の処理
    } else {
        //false時の処理
    }
}

function confirmAPI()
{
    navigator.notification.confirm(
        "PhoneGapは好きですか？", 
        onConfirm, 
        "質問", 
        "いいえ, はい");
}
                
function onConfirm(buttonIndex) {
    if (buttonIndex==1) {
        //このtrueをtestComfirm()まで返したい
      return true;
    } else {
        //このfalseをtestComfirm()まで返したい
        return false;
    } 
}

よろしくお願い致します。

Answer 1

公式のAPIドキュメントを読むと、notification.confirmは非同期なんだと。

[PhoneGap2.3.0]navigator.notification.confirm は要注意！ | androidとか日記　
ということなので、そのやり方はダメです。

探してみたところ、ES6のPromiseポリフィルがあるようなので、コールバック地獄になるよりもそれを利用するといいのでは。
A polyfill for ES6-style Promises, tracking npm es6-promise
あなたが読むべきJavaScript Promises - JSer.info

Comments

[tamogi]

回答ありがとうございます。
Promiseを使う必要があるんですね・・・。複雑そうなので避けていたのですが、これを機に勉強してみます。

Answer 2

confirmAPI() が戻り値を返していません。ここで呼び出している navigator.notification.confirm()がonConfirm() の戻り値を返してくるのでは？