$ .when.apply（$、someArray）は何をしますか？

Question

私はreading about Deferreds and Promisesです。$.when.apply($, someArray)を続けています。私はこれが正確に何であるかについて少しはっきりしておらず、という1行のが正確に（コード全体ではなく）動作するという説明を探しています。引数の配列を持つ関数を呼び出すために使用される

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に渡すことは、配列ではなくパラメータを約束していると予想されるため、機能しません。

.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 .apply（thisValue、arrayParameters）はanyFunctionがそのコンテキストを設定する（thisValueは、その関数呼び出し内このであろう）と、個々のパラメータとしてarrayParameters内​​のすべてのオブジェクトを渡す関数を呼び出します。例えば

：

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

は同じです：

$.when(def1, def2) 

しかしは、呼び出し元の方法を適用するあなたはパラメータの数が不明の配列を渡すことができます。

Answer 5

（あなたのコードでは、あなたがあなたデータがサービスから来て、そしてそれは$ .whenを呼び出すための唯一の方法であると言っている）残念ながら、私はあなたたちに同意することはできません。

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

はすぐに延期1は保留ている他のDeferredの作り方があっても、を拒否しを取得するようeverythingDoneを呼び出します。相続人

フルスクリプト（私は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);