讓刪除確認通吃confirm及jQuery.Deferred

    $(function() {

      function deleteConfirm_Kendo() {

        return $.kendoConfirm("刪除確認", "是否確定要刪除？");

      }

      function deleteConfirm_Native() {

        return confirm("是否確定要刪除？");

      }

      $("#btnTest1").click(function() {

        deleteConfirm_Kendo().done(function() {

          alert("刪除");

        });

      });

      $("#btnTest2").click(function() {

        if (deleteConfirm_Native()) {

          alert("刪除");

        }

      });

    });

    $(function() {

      function deleteConfirm_Kendo() {

        return $.kendoConfirm("刪除確認", "是否確定要刪除？");

      }

      function deleteConfirm_Native() {

        return confirm("是否確定要刪除？");

      }

      function execDeleteAction() {

        alert("刪除");

      }

      function doDelete(deleteConfirm) {

        var res = deleteConfirm();

        //若函式傳回Promise, 放入done()中執行

        if (res && res.hasOwnProperty("done")) 

          res.done(execDeleteAction);

        //若函式傳回boolean，由傳回結果決定resolve或reject

        else if (res) 

          execDeleteAction();

      }

      $("#btnTest1").click(function() {

        doDelete(deleteConfirm_Kendo);

      });

      $("#btnTest2").click(function() {

        doDelete(deleteConfirm_Native);

      });

    });

      function doDelete(deleteConfirm) {

        var dfd = jQuery.Deferred();

        var promise = dfd.promise();

        var res = deleteConfirm();

        //若函式傳回Promise, 替換原有Promise

        if (res && res.hasOwnProperty("done")) 

          promise = res;

        //若函式傳回boolean，由傳回結果決定resolve或reject

        else if (res) 

          dfd.resolve();

        else 

          dfd.reject();

        promise.done(function() {

          alert("刪除")

        });

      }

# Ammon said on 17 June, 2015 12:29 PM

何不直接在 deleteConfirm_Native 回傳 deferred 物件？ 可以省下if判斷

# Jeffrey said on 17 June, 2015 05:01 PM

to Ammon, 在我的案例中，deleteConfirm_Native相當於呼叫端提供的Callback參數，對於從來沒學過jQuery Deferred的開發者，Callback函式只需return true或false，降低元件使用的門檻。

# Peter Tsai said on 17 June, 2015 09:12 PM

最後一個例子的 promise 物件會被 res 蓋掉而變成另一個函示回傳的 promise 物件，這兩個 promise 畢竟是在執行時期才進行判斷，反而增加程式複雜度，提升了使用者偵錯的門檻。為了省下一個 function 而改用 defer 技巧我是覺得有點 over design 了。 :p

你的看法呢?

標題 (必要的) 

姓名 (必要的) 

你的URL (選擇性的)

意見 (必要的) 

Remember Me?

(提醒: 因快取機制，您的留言幾分鐘後才會顯示在網站，請耐心稍候)

CAPTCHA / 驗證碼 :

5 + 3 =

搜尋