Что делает $ .when.apply ($, someArray)?

Я читаю об отсрочках и обещаниях и постоянно сталкиваюсь с ними $.when.apply($, someArray). Я немного не понимаю, что именно он делает, ищу объяснение, что одна строка работает точно (а не весь фрагмент кода). Вот какой контекст:

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

.applyиспользуется для вызова функции с массивом аргументов. Он принимает каждый элемент массива и использует каждый в качестве параметра функции. .applyтакже может изменять context ( this) внутри функции.

Итак, берем $.when. Говорят, что «когда все эти обещания исполнятся ... сделай что-нибудь». Требуется бесконечное (переменное) количество параметров.

В вашем случае у вас есть множество обещаний; вы не знаете, сколько параметров вы передаете $.when. Передача самого массива в $.whenне сработает, потому что он ожидает, что его параметры будут обещаниями, а не массивом.

Вот где .applyприходит на помощь. Он принимает массив и вызывает $.whenкаждый элемент в качестве параметра (и проверяет, thisустановлено ли значение jQuery/ $), так что все работает :-)

$ .when принимает любое количество параметров и разрешается, когда все они разрешены.

anyFunction .apply (thisValue, arrayParameters) вызывает функцию anyFunction, устанавливающую ее контекст (thisValue будет this внутри этого вызова функции) и передает все объекты в arrayParameters как отдельные параметры.

Например:

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

Такой же как:

$.when(def1, def2)

Но способ вызова apply позволяет вам передать массив с неизвестным количеством параметров. (В своем коде вы говорите, что данные поступают из службы, тогда это единственный способ вызвать $ .when )

Здесь код полностью задокументирован.

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

К сожалению, я не могу согласиться с вами, ребята.

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

Будет вызывать, everythingDoneкак только один deferred будет отклонен , даже если есть другие deferred'ы, которые ожидают рассмотрения .

Вот полный сценарий (рекомендую 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');
}

Это ошибка? Я хотел бы использовать это так, как описал выше господин.

Может быть, кому-то это пригодится:

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

AllDone не вызывается в случае отклонения

Только $ .when позволяет вызывать обратный вызов, когда все переданные ему обещания разрешаются / отклоняются. Обычно $ .when принимает переменное количество аргументов, использование .apply позволяет передать ему массив аргументов, это очень мощный инструмент. Для получения дополнительной информации о .apply: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/apply.

Спасибо за элегантное решение:

var promise;

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

promise.then(everythingDone);

Только один момент: при использовании resolveWithдля получения некоторых параметров он прерывается из-за начального обещания, установленного на undefined. Что я сделал, чтобы все заработало:

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