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