Apa yang dilakukan $ .when.apply ($, someArray)?

Saya membaca tentang Deferreds and Promises dan terus membaca $.when.apply($, someArray). Saya sedikit tidak jelas tentang apa yang sebenarnya dilakukannya, mencari penjelasan bahwa satu baris berfungsi dengan tepat (bukan keseluruhan cuplikan kode). Berikut beberapa konteksnya:

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

.applydigunakan untuk memanggil fungsi dengan larik argumen. Ini mengambil setiap elemen dalam larik, dan menggunakan masing-masing sebagai parameter untuk fungsi. .applyjuga bisa mengubah konteks ( this) di dalam fungsi.

Jadi, ayo ambil $.when. Ini digunakan untuk mengatakan "ketika semua janji ini diselesaikan ... lakukan sesuatu". Dibutuhkan jumlah parameter yang tak terbatas (variabel).

Dalam kasus Anda, Anda memiliki serangkaian janji; Anda tidak tahu berapa banyak parameter yang Anda teruskan $.when. Meneruskan array itu sendiri $.whentidak akan berfungsi, karena ia mengharapkan parameternya berupa promise, bukan array.

Di situlah .applymasuk. Dibutuhkan array, dan memanggil $.whendengan setiap elemen sebagai parameter (dan memastikan thisdisetel ke jQuery/ $), jadi semuanya berfungsi :-)

$ .when mengambil sejumlah parameter dan menyelesaikan saat semua ini telah diselesaikan.

anyFunction .apply (thisValue, arrayParameters) memanggil fungsi anyFunction yang menyetel konteksnya (thisValue akan menjadi ini dalam pemanggilan fungsi itu) dan meneruskan semua objek dalam arrayParameters sebagai parameter individual.

Sebagai contoh:

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

Sama dengan:

$.when(def1, def2)

Tapi menerapkan cara panggilan memungkinkan Anda untuk melewatkan array jumlah yang tidak diketahui parameter. (Dalam kode Anda, Anda mengatakan bahwa data Anda berasal dari layanan, maka itulah satu-satunya cara untuk memanggil $ .when )

Di sini, kode didokumentasikan dengan lengkap.

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

Sayangnya saya tidak setuju dengan kalian.

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

Akan menelepon everythingDonesegera setelah satu penangguhan ditolak , meskipun ada penangguhan lain yang menunggu keputusan .

Berikut skrip lengkapnya (saya sarankan 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');
}

Apakah ini bug? Saya ingin menggunakan ini seperti yang dijelaskan pria di atas.

Mungkin seseorang dapat menemukan ini berguna:

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

everythingDone tidak dipanggil jika ada penolakan

$ .when saja memungkinkan panggilan balik untuk dipanggil ketika setiap janji yang diteruskan kepadanya diselesaikan / ditolak. Biasanya, $ .when mengambil sejumlah variabel argumen, menggunakan .apply memungkinkan untuk meneruskannya ke sebuah array argumen, itu sangat kuat. Untuk info lebih lanjut tentang .apply: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/apply

Terima kasih atas solusi elegan Anda:

var promise;

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

promise.then(everythingDone);

Hanya satu poin: Saat menggunakan resolveWithuntuk mendapatkan beberapa parameter, itu rusak karena janji awal disetel ke tidak ditentukan. Apa yang saya lakukan untuk membuatnya berhasil:

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