$ .When.apply ($, someArray) ne yapar?

Ertelenen ve Sözler hakkında okuyorum ve karşıma çıkmaya devam ediyorum $.when.apply($, someArray). Bunun tam olarak ne yaptığından biraz emin değilim, bir satırın tam olarak çalıştığına dair bir açıklama arıyorum (kod parçacığının tamamı değil). İşte bazı bağlam:

var data = [1,2,3,4]; // the ids coming back from serviceA
var processItemsDeferred = [];

for(var i = 0; i < data.length; i++){
  processItemsDeferred.push(processItem(data[i]));
}

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

function processItem(data) {
  var dfd = $.Deferred();
  console.log('called processItem');

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

  return dfd.promise();
}

function everythingDone(){
  console.log('processed all items');
}

.applybir dizi argüman içeren bir işlevi çağırmak için kullanılır. Dizideki her bir öğeyi alır ve her birini işleve bir parametre olarak kullanır. bir işlevin içindeki .applybağlamı da ( this) değiştirebilir .

Öyleyse alalım $.when. "Bütün bu sözler çözüldüğünde ... bir şeyler yap" derdi. Sonsuz (değişken) sayıda parametre alır.

Senin durumunda, bir dizi sözün var; kaç parametreye geçtiğinizi bilmiyorsunuz $.when. Dizinin kendisini iletmek $.whenişe yaramaz çünkü parametrelerinin bir dizi değil vaatler olmasını bekler.

Yani en .applyIt dizi alır ve aramaları. Gelir $.whenparametre olarak her eleman ile (ve emin olur thisayarlandığında jQuery/ ' $o kadar sonra, bütün işleri :-))

$ .her parametre ve giderir herhangi bir sayıda alır zaman tüm bu çözdük.

anyFunction .apply (thisValue, arrayParameters) işlevini çağırır anyFunction Bağlamını ayarı (thisValue olacak bu o işlev çağrısı içinde) ve bireysel parametre olarak arrayParameters tüm nesneleri geçirir.

Örneğin:

$.when.apply($, [def1, def2])

Aynıdır:

$.when(def1, def2)

Ancak arama yapmanın uygulama yolu, bilinmeyen sayıda parametre dizisini iletmenize izin verir. (Kodunuzda, verilerinizin bir servisten geldiğini söylüyorsunuz , o zaman $ .when aramanın tek yolu budur )

Burada kod tamamen belgelenmiştir.

// 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');
}

Maalesef sizinle aynı fikirde olamıyorum.

$.when.apply($, processItemsDeferred).always(everythingDone);

Bekleyen başka ertelemeler olsa bile, everythingDoneertelenen biri reddedilir reddedilmez arayacaktır .

İşte tam komut dosyası ( http://jsfiddle.net/ ):

var data = [1,2,3,4]; // the ids coming back from serviceA
var processItemsDeferred = [];

for(var i = 0; i < data.length; i++){
  processItemsDeferred.push(processItem(data[i]));
}

processItemsDeferred.push($.Deferred().reject());
//processItemsDeferred.push($.Deferred().resolve());

$.when.apply($, processItemsDeferred).always(everythingDone); 

function processItem(data) {
  var dfd = $.Deferred();
  console.log('called processItem');

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

  return dfd.promise();
}

function everythingDone(){
  alert('processed all items');
}

Bu bir hata mı? Bunu beyefendinin anlattığı gibi kullanmak istiyorum.

Belki birisi bunu yararlı bulabilir:

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

EverythingDone herhangi bir reddedilme durumunda çağrılmaz

$ .w tek başına olduğunda, kendisine verilen her söz çözüldüğünde / reddedildiğinde bir geri aramanın çağrılmasını mümkün kılar. Normalde, $ .when değişken sayıda argüman aldığında, .apply kullanmak onu bir argüman dizisi geçirmeyi mümkün kılar, çok güçlüdür. .Apply hakkında daha fazla bilgi için: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/apply

Zarif çözümünüz için teşekkürler:

var promise;

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

promise.then(everythingDone);

Sadece bir nokta: resolveWithBazı parametreleri almak için kullanılırken , ilk sözün tanımsız olarak ayarlanması nedeniyle bozulur. Çalışması için ne yaptım:

// 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);