Come posso fare in modo che questo ciclo aseach async funzioni con le promesse?

Question

Ho già giocato con Promises, ma sono nuovo per loro e non riesco a capire come farlo correttamente. Al momento, non c'è motivo per la Promessa, perché non aspetta fino al completamento della versione asincrona $.get.

Fondamentalmente, ogni foreach iterazione ha una sua funzione $.get, e ho bisogno di avere tutti loro completo e poi proseguire fino alla parte che ha il "... ottiene albumart" console.log.

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

Nel codice sincrono, seguito viene eseguita quando la linea termina ;

Con promesse, continuazione avviene tramite .then. Stavi usando un costruttore di promesse e lo hai risolto immediatamente, non hai aspettato alcuna attività. Mapperei il mio lavoro in compiti e poi li incatenerei o li attenderò in serie.

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

Ora siamo in grado di eseguire tutti loro in sequenza:

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

O meglio, in serie:

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