$ .When.apply ($, someArray) làm gì?

Tôi đang đọc về Trì hoãn và Lời hứa và tiếp tục xem qua $.when.apply($, someArray). Tôi hơi không rõ điều này chính xác làm gì, đang tìm lời giải thích rằng một dòng hoạt động chính xác (không phải toàn bộ đoạn mã). Đây là một số bối cảnh:

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được sử dụng để gọi một hàm với một mảng đối số. Nó nhận từng phần tử trong mảng và sử dụng từng phần tử làm tham số cho hàm. .applycũng có thể thay đổi ngữ cảnh ( this) bên trong một hàm.

Vì vậy, chúng ta hãy lấy $.when. Người ta thường nói "khi tất cả những lời hứa này được giải quyết ... hãy làm điều gì đó". Nó có một số lượng tham số (biến) vô hạn.

Trong trường hợp của bạn, bạn có một loạt các lời hứa; bạn không biết mình đang truyền bao nhiêu tham số $.when. Việc vượt qua chính mảng $.whensẽ không hoạt động, bởi vì nó mong đợi các tham số của nó là các hứa hẹn, không phải là một mảng.

Đó là nơi .applyxuất hiện. Nó lấy mảng và gọi $.whenmỗi phần tử làm tham số (và đảm bảo rằng giá trị thisđược đặt thành jQuery/ $), vì vậy tất cả đều hoạt động :-)

$ .when nhận bất kỳ số lượng tham số nào và giải quyết khi tất cả những tham số này đã được giải quyết.

anyFunction .apply (thisValue, arrayParameters) gọi hàm anyFunction cài đặt ngữ cảnh của nó (thisValue sẽ là cái này trong lệnh gọi hàm đó) và chuyển tất cả các đối tượng trong arrayParameters dưới dạng các tham số riêng lẻ.

Ví dụ:

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

Giống như:

$.when(def1, def2)

Nhưng cách gọi áp dụng cho phép bạn truyền một mảng các tham số không xác định. (Trong mã của bạn, bạn đang nói rằng dữ liệu của bạn đến từ một dịch vụ, thì đó là cách duy nhất để gọi $ .when )

Đây, mã được ghi đầy đủ.

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

Thật không may, tôi không thể đồng ý với các bạn.

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

Sẽ gọi everythingDonengay khi một cuộc gọi hoãn bị từ chối , ngay cả khi có những cuộc gọi hoãn khác đang chờ xử lý .

Đây là tập lệnh đầy đủ (tôi khuyên bạn nên dùng 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');
}

Nó là một lỗi? Tôi muốn sử dụng điều này giống như người đàn ông ở trên đã mô tả nó.

Có thể ai đó có thể thấy điều này hữu ích:

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

everythingDone không được gọi trong trường hợp bị từ chối

$ .when một mình giúp cho việc gọi lại có thể được gọi khi mọi lời hứa được chuyển cho nó đều được giải quyết / từ chối. Thông thường, $ .w khi nhận một số lượng biến đối số, việc sử dụng .apply có thể truyền cho nó một mảng đối số, nó rất mạnh mẽ. Để biết thêm thông tin về .apply: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/apply

Cảm ơn vì giải pháp thanh lịch của bạn:

var promise;

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

promise.then(everythingDone);

Chỉ một điểm: Khi sử dụng resolveWithđể lấy một số tham số, nó sẽ bị phá vỡ do lời hứa ban đầu được đặt thành không xác định. Những gì tôi đã làm để làm cho nó hoạt động:

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