javascript - JQuery 延迟。使用 $.when 和 .progress()

Question

我正在编写一个充斥着异步任务的解析器。我使用 JQuery promises 来控制和排序异步任务。这是构造函数的伪代码版本:

   /**
     * @constructor
     */
    function Parser(json)
    {   
        return $.when(
            this.delete().then(this.insert(json)),
            this.doSomething(),
            this.doSomethingElse().then(this.update(json))
        ) 
    };

这是一个示例函数的样子:

Parser.prototype.doSomething = function()
{   
    var dfd = $.Deferred();

    exampleTask(dfd.reject, dfd.resolve);

    return dfd.promise();
};

来自 JQuery 文档:

In the case where multiple Deferred objects are passed to jQuery.when, the method returns the Promise from a new "master" Deferred object that tracks the aggregate state of all the Deferreds it has been passed

我如何使用 .progress() 来通知任何关心解析器整体进度的人？ 例如

var parser = new Parser(json);
parser.progress(function(prog){console.log(prog});

这是我正在尝试做的事情的 fiddle : http://jsfiddle.net/ashanova/RjULA/2/

Answer 1

使用deferred.notify()调用 progressCallbacks。例如:

function doSomething() {   
    var dfd = $.Deferred();

    var count = 0;
    var intervalId = setInterval(function() {
        dfd.notify(count++);
        count > 3 && clearInterval(intervalId);
    }, 500);

    return dfd.promise();
};

var promise = doSomething();

promise.progress(function(prog) {
  console.log(prog);
});​

DEMO .