Wie kann ich diese asynchrone foreach-Schleife mit Versprechen arbeiten lassen?

Question

Ich habe bereits mit Promises herumgespielt, aber ich bin neu für sie und ich kann einfach nicht herausfinden, wie es richtig geht. Im Moment hat das Promise keinen Sinn, denn es wartet nicht bis der asynchrone $.get abgeschlossen ist.

Grundsätzlich jede foreach Iteration hat seine eigene $.get Funktion, und ich brauche sie alle vollständig und dann weiter zum Teil zu haben, die hat console.log „... AlbumArt bekommt“.

$.get(id,function(data) { 
    //(there's some code here) 
    var getZippyUrls = new Promise(function(resolve) { 
      zippyarray.forEach(function(zippy) { 
      //(more code) 
      $.get(zippy.full, function(data) { 
       //^This is the foreach of $.gets 
       //(code's here) 
      }); 
      resolve(zippyarray); 
     }); 
    }); 

    //This is my failed Promise -> 
    getZippyUrls.then(function(response) { 
     console.log("WE'RE OUT " + response.length); 
     response.foreach(function(d) { 
      console.log("Promise"+d.media); 
     }); 
     console.log('eyyyyyy'); 
    }); 

    console.log("...gets albumart"); 
    //Now after the previous stuff is done, move on 

Answer 1

Im Synchroncode, Fortsetzung durchgeführt wird, wenn die Leitung ;

mit dem Versprechen endet, wird die Fortsetzung über .then durchgeführt. Sie haben einen Versprechenskonstruktor verwendet und ihn sofort gelöst. Sie haben auf keine Aufgabe gewartet. Ich würde meine Arbeit in Aufgaben unterteilen und sie dann entweder verketten oder seriell erwarten.

//I'm assuming 
zippyarray; // array of Zippy objects 

var tasks = zippyarray.map(function(zippy,i){ 
    return function(){ // return a task on that zippy; 
     // basic logic here 
     return $.get({ 
      // ajax request 
     }).then(function(data){ 
      // process data like in your code 
      // possibly store later for later use too 
      return process(data); // return the processed data; 
     }); 
    } 
}); 

Jetzt können wir sie alle der Reihe nach ausgeführt werden:

var p = tasks[0](); // start the first one 
for(var i = 1; i < tasks.length; i++) p = p.then(tasks[i]); 
p.then(function(result){ 
     // all available here 
}); 

Oder besser, seriell:

$.when.apply(tasks.forEach(function(t){ return t(); })).then(function(results){ 
    // all done 
})