javascript - 调用函数时返回 jquery.deferred 对象的响应

Question

我正在尝试创建自定义对话框，并返回用户在该对话框中单击的内容的响应。我使用延迟对象，但当我调用该函数时它立即返回。

Example fiddle

当我调用该函数时

var value = showDelete("Hello World");

它总是返回未定义而不是“确定”或“取消”。

我在这段代码中做错了什么。帮我。提前致谢。

Answer 1

首先，您需要从 showDelete 方法返回延迟对象。

其次，在您的事件处理程序中，变量 value 是一个延迟对象，因此您需要使用 done 方法来获取该值。检查此代码，它似乎有效:

function showDelete(msg){
    var defers = $.Deferred();
    jQuery.when(showAlert(msg)).done(function(){
        alert("Ok");
        defers.resolve("ok");    // resolve, not return value
    }).fail(function(){
        alert("Cancel");
        defers.resolve("cancel");   // resolve, not return a value
    }).always(function(){
        jQuery("#confirm").hide();
    })
    return defers.promise();    // return a promise
}
function showAlert(msg){
    var defer2 = $.Deferred();
    jQuery("#msg").html(msg);
    jQuery("#confirm").show();
    jQuery("#confirm input:first").on("click",function(){
        defer2.resolve();
    });
    jQuery("#confirm input:last").on("click",function(){
        defer2.reject();
    });
    return defer2.promise();
}
jQuery("#alertt").bind("click", function(){
    var value = showDelete("Hello World");
    value.done(function(result){    // use done handler
        console.log(result); //logs ok or cancel;
    });
});

此外，在您的场景中使用延迟对象似乎没有必要。 deferred 的主要用途是简化长时间运行的异步任务(例如 AJAX)的工作，但在您的情况下，看起来没有 deferred 的方法也同样有效。