48

我有一个现有的项目,它有很多返回承诺的异步函数。我正在添加一些缓存,以便在某些情况下异步函数将同步完成,并希望尽可能使这段代码更短/更好:

        return $.Deferred(function(def) { def.resolve(); }).promise();

例如,我有一个处理大多数 AJAX 请求的数据服务类,如下所示:

function DataService() {

    var self = this;

    self.makeRequest = function(functionName, data) {
        return $.Deferred(function(def) {

            var jsonData = JSON.stringify(data);

            $.ajax({
                type: "POST",
                url: "WebService.asmx/" + functionName,
                data: jsonData,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                error: function(xhr, status, error) {
                    var ex;
                    try {
                        ex = eval("(" + xhr.responseText + ")");
                        ex.message = ex.Message;
                        ex.Message = undefined;
                    } catch (ex2) {
                        ex = { message: "Invalid Response From Server:\r\n" + xhr.responseText };
                    }
                    if (ex.message == "LoginRequired") {
                        app.viewModels.main.loginRequired(true);
                    }
                    else {
                        app.showError(ex.message);
                    }
                    def.reject(ex.message);
                }
            });
        }).promise();
    }
}

然后我在另一个类中有一个函数,该函数当前总是调用 makeRequest:

self.deleteMe = function()
{
   return app.dataservice.makeRequest('deleteItem');
}

我想更新 deleteMe 函数,使它不总是调用 makeRequest,而只是做一些同步工作然后返回。虽然它需要返回一个承诺,因为无论调用什么它都会期待它,但它需要是一个“已经完成/解决的承诺”。目前我正在使用上面的第一组代码来做到这一点。似乎必须有更好的方法。

4

2 回答 2

53

@埃塞尔克,

根据我的经验,$.Deferred(function(def) {...});很少需要构建,尽管我猜它在某些情况下可能非常有用。

首先, :

return $.Deferred(function(def) { def.resolve(); }).promise();

将简化为:

return $.Deferred().resolve().promise();

其次,您可以通过利用DataService.makeRequest()来避免显式的需要,如下所示:$.Deferred.then()

function DataService() {
    var self = this;
    self.makeRequest = function (functionName, data) {
        return $.ajax({
            type: "POST",
            url: "WebService.asmx/" + functionName,
            data: JSON.stringify(data),
            contentType: "application/json; charset=utf-8",
            dataType: "json"
        }).then(null, function (xhr, status, error) {
            var ex;
            try {
                ex = eval("(" + xhr.responseText + ")");
                ex.message = ex.Message;
                ex.Message = undefined;
            } catch (ex2) {
                ex = {
                    message: "Invalid Response From Server:\r\n" + xhr.responseText
                };
            }
            if (ex.message == "LoginRequired") {
                app.viewModels.main.loginRequired(true);
            } else {
                app.showError(ex.message);
            }

            return ex.message;
        });
    };
}

这里的关键方面是:

  • $.ajax()返回一个与承诺兼容的 jqXHR 对象,该对象(在成功/错误时)立即被.then().
  • .then(null, ...)- 导致一个新的 Promise 被传递,并使用与返回的原始 Promise 相同的值来解析$.ajax()。因此,在'done'(即ajax 成功)条件下,.then()是完全透明的。
  • return ex.message;- 导致一个新的承诺被传递,被拒绝ex.message

nett 效果应该与您的原始代码相同,恕我直言,链接比在回调中.then()设置所有内容要干净得多。$.Deferred()

顺便说一句,您可以eval("(" + xhr.responseText + ")")通过设置适当的 HTTP 标头服务器端来避免需要 etc,这样您的“.Message”直接显示为失败回调的status参数(或xhr.status?)。例如,在 PHP 中,您会执行以下操作:

$message = "my custom message";
header("HTTP/1.1 421 $message");
exit(0);

我确信 ASP 提供了相同的功能。

IIRC,任何 4xx 系列状态码都可以完成这项工作。421恰好是一个没有特定含义的。

于 2013-05-21T05:14:24.883 回答
31

只需使用return $.when();返回一个已经解决的 promise

如果你根本不传递任何参数,jQuery.when() 将返回一个已解决的承诺。

参考: https ://api.jquery.com/jquery.when/


笔记:

  • return $.when(undefined);这与导致以下相当酷的技巧相同,该技巧避免使用数组和apply.

如果您想等待可变数量的 Promise并行完成,那么您可以在循环中使用此模式:

var promise;   // Undefined is treated as an initial resolved promise by $.when
while (insomeloop){
    promise = $.when(promise, newpromise);
}

然后在完成时进行最后一次调用:

promise.then(function(){
    // All done!
});

例如

var promise;$.when
var $elements = $('.some-elements');
$elements.each(function(){
     var $element = $(this).fadeout();
     promise = $.when(promise, $element.promise());
});
promise.then(function(){
    // All promises completed!
});

缺点是次要的:

  • 每次调用都when将前一个承诺包装在一个新的承诺中。开销很小,您不再需要维护和评估一系列承诺。
  • 没有值可以直接传递给最终函数。由于您通常不希望并行 promise的返回值,因此这是次要的。
  • 单个 Promise 的失败将提前中止最终等待,因此您需要确保所有 Promise 都将被履行。
于 2015-11-11T17:50:05.420 回答