jQuery zu simulieren synchrone Aufrufe der Funktion über Array

Question

Lass 'sagen, ich muss einen synchronen Upload von Dateien machen. Einer nach demanderen. Ich fand dieses Thema stackoverflow Thema. Und modifiziert, um den Code:

var arr = ["file1", "file2", "file3"]; 

var d = $.Deferred().resolve(); 
while (arr.length > 0) { 
    d = d.then(uploadFile(arr.shift())); 
} 

function uploadFile(file){ 
    var d = $.Deferred();  
    setTimeout(function(){ console.log("Uploading file:"+file); d.resolve(""); },1000); 
    return d.promise(); 
} 

aber ich bekomme sie noch alle asynchron aufgerufen, aber mit Timeout 1000

Hier Geige: fiddle

LÖSUNG: Big Dank an Felix. Hier funktioniert fiddle

Answer 1

Sie müssen eine Funktion an .then übergeben. Momentan rufen Sie uploadFile sofort innerhalb der Schleife an und übergeben ein Versprechen an .then anstelle einer Funktion.

Sie können folgendes tun, ohne eine Schleife zu verwenden:

d.then(function next() { 
    var promise = uploadFile(arr.shift()); 
    return arr.length === 0 ? promise : promise.then(next); 
}); 

Diese indirekte Rekursion statt einer Schleife verwendet.