$ .when.apply（$，someArray）做什么？

Question

我是reading about Deferreds and Promises，并且不断遇到$.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'); 
} 

Answer 1

.apply用于调用函数与参数数组。它接受数组中的每个元素，并将每个元素用作函数的参数。 .apply也可以更改函数内的上下文（this）。

那么，我们来看看$.when。它习惯于说“当所有这些承诺都解决了......做些什么”。它需要一个无限（可变）数量的参数。

就你而言，你有一系列的承诺;你不知道你传递给$.when的参数有多少。将数组本身传递给$.when将无法​​工作，因为它期望其参数是promise，而不是数组。

这就是.apply用武之地。它采用阵列，并与每一个元素作为参数调用$.when（并确保该this设置为jQuery/$），所以后来这一切工作:-)

Answer 2

$。单独使得当传递给它的每个承诺都被解决/拒绝时，可以调用回调。通常，$ .when使用可变数量的参数时，使用.apply可以将它传递给一组参数，它非常强大。有关.apply的更多信息：https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/apply

Answer 3

此处代码完整记录。

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

Answer 4

$.when接受任何数量的参数和解决当所有的这些都解决了。

anyFunction。适用（thisValue，arrayParameters）调用函数anyFunction设置其上下文（thisValue将是此该函数调用中），并在arrayParameters作为单独的参数传递的所有对象。

例如：

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

是一样的：

$.when(def1, def2) 

但应用调用的方法允许你传递未知数量的参数数组。 （在你的代码，你说你数据来自一个服务，然后就是打电话$。当的唯一途径）

Answer 5

可惜我不能跟你们同意。

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

会尽快致电everythingDone作为一个延缓得到拒绝，即使有其他deferreds是挂起。

继承人的完整的脚本（我建议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'); 
} 

它这一个错误？我想用这个像上面描述的那位先生一样。

Answer 6

感谢您的优雅的解决方案：

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