Constructing jquery's deferred object when parameters programatically

Question

I'm new to javascript and jquery, and I'm learning how to use jquery's Deferred object to wait for a loop to complete before performing an action. The functions inside the loop don't need to be called in any special order. In other words, function n isn't dependent on the outcome of function n-1, so I'm not chaining them together with a pipe.

So far I have this, which works:

// wait some random amount of time, then log a message
// and resolve the Deferred object
function doTask(id) {
  var defer = $.Deferred();
  setTimeout(function() {
    console.log(id + " finished!");
    defer.resolve(id);
  }, Math.random()*1000);
  return defer.promise();
}

// log when these three independent tasks complete
$.when( doTask("foo1"), doTask("foo2"), doTask("foo3")).done(function() {
    console.log(" ... all done in no particular order!");
});

But I'd like to construct the parameter list for $.when programmatically. How do I do that?

user400654 · Accepted Answer · 2012-11-20 18:32:20Z

2

Create an array and apply it to $.when.

var defArr = [];

defArr.push(doTask("foo1"));
defArr.push(doTask("foo2"));
defArr.push(doTask("foo3"));

$.when.apply(null,defArr).done(function(){
    console.log(" ... all done in no particular order!");
});

answered Nov 20, 2012 at 18:32

user400654

95.1k16 gold badges168 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Constructing jquery's deferred object when parameters programatically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related