Ce n' $.lors de l'.appliquer($, someArray) faire?

.appliquer est utilisé pour appeler une fonction avec un tableau d'arguments. Il prend chaque élément dans le tableau, et utilise chaque en tant que paramètre à la fonction. .apply pouvez également modifier le contexte (this) à l'intérieur d'une fonction.

Alors, prenons $.when. Il est utilisé pour dire "quand toutes ces promesses sont résolus... faire quelque chose". Il faut une infinie (variable) nombre de paramètres.

Dans votre cas, vous avez un tableau de promesses; vous ne savez pas combien de paramètres que vous êtes de passage à $.when. En passant le tableau lui-même à $.when ne marcherait pas, parce qu'il attend de ses paramètres de promesses, pas un tableau.

C'est là que .apply vient dans. Il faut de la matrice, et les appels $.when avec chaque élément comme un paramètre (et permet de s'assurer de la this est fixé à jQuery/$), alors que tout fonctionne 🙂

Ici, le code entièrement documentées.

//1. Declare an array of 4 elements
var data = [1,2,3,4]; //the ids coming back from serviceA
//2. Declare an array of Deferred objects
var processItemsDeferred = [];

//3. For each element of data, create a Deferred push push it to the array
for(var i = 0; i < data.length; i++){
  processItemsDeferred.push(processItem(data[i]));
}

//4. WHEN ALL Deferred objects in the array are resolved THEN call the function
//   Note : same as $.when(processItemsDeferred[0], processItemsDeferred[1], ...).then(everythingDone);
$.when.apply($, processItemsDeferred).then(everythingDone); 

//3.1. Function called by the loop to create a Deferred object (data is numeric)
function processItem(data) {
  //3.1.1. Create the Deferred object and output some debug
  var dfd = $.Deferred();
  console.log('called processItem');

  //3.1.2. After some timeout, resolve the current Deferred
  //in the real world, this would probably make an AJAX call.
  setTimeout(function() { dfd.resolve() }, 2000);    

  //3.1.3. Return that Deferred (to be inserted into the array)
  return dfd.promise();
}

//4.1. Function called when all deferred are resolved
function everythingDone(){
  //4.1.1. Do some debug trace
  console.log('processed all items');
}

Peut-être quelqu'un peut trouver cela utile:

$.when.apply($, processItemsDeferred).then(everythingDone).fail(noGood);

everythingDone n'est pas appelé en cas de rejeter

Merci pour votre solution élégante:

var promise;

for(var i = 0; i < data.length; i++){
  promise = $.when(promise, processItem(data[i]));
}

promise.then(everythingDone);

Juste un point: Lors de l'utilisation de resolveWith d'obtenir certains paramètres, il se casse à cause de la promesse initiale indéfinie. Ce que j'ai fait pour le faire fonctionner:

//Start with an empty resolved promise - undefined does the same thing!
var promise;

for(var i = 0; i < data.length; i++){
  if(i==0) promise = processItem(data[i]);
  else promise = $.when(promise, processItem(data[i]));
}

promise.then(everythingDone);