Bunu async foreach döngüsünü sözlerle nasıl çalıştırırım?

Question

İçinde Promises'le uğraştım, ama onlara yeniyim ve bunu nasıl yapacağımı anlayamıyorum. Şu anda, Promise'nin bir anlamı yok çünkü async $.get tamamlanana kadar beklemiyor.

Temelde, her foreach yineleme kendi $.get işlevi vardır ve ben hepsini eksiksiz ve daha sonra console.log "... albumart alır" vardır kısmına devam etmek gerekir. hat vaat ile ;

sona erdiğinde uyumlu kod

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

, devamı gerçekleştirilir, devamı .then ile gerçekleştirilir. Bir söz kurucu kullandınız ve hemen çözdünüz, hiç bir görev için beklemediniz. İşlerimi görevlerimle eşleştirip sonra zincirlemeyi zincirlemek isterdim. seri,

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

Ya da daha:

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

Şimdi onlara tüm sıralı yürütebileceği

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

Answer 2

bu şekilde kullanan çoklu get-İsteklerin izlemek için:

var cnt = requestCnt; 

function finished(){ 
    if(--cnt)return; 
    // Your code here 
} 

for(var i = 0; i < requestCnt; ++i){ 
    $.get('something.htm', {data:data}, function(data){ 
     finished(); 
    }); 
} 

Her zaman finişhe Bir istek bir cevap aldığında d-fonksiyonu. Tamamlandığında işlev tamamlandığında işi yapar.

Answer 3

Bunun eski bir soru olduğunu biliyorum, ancak işler son zamanlarda biraz değişti.

Dış kütüphaneleri kullanmakta zorlanıyorsanız, Bluebird söz kitaplığı bunun için oldukça iyi bir uygulamaya sahiptir: Promise.each.

E.g.

function helperFunc(zippyarray) { 
    return Promise.each(zippyarray, zippy => { 
    return someOperationThatReturnAPromise(zippy) 
     .then((singleResult) => { 
     // do something with the operation result if needed 
     }) 
    }).then((originalArray) => { 
    // this happens only after the whole array is processed 
    // (result is the original array here) 
    return Promise.resolve(originalArray) 
    }) 
} 

Answer 4

Bugün sırayla yapmak gerekirse - Ben async/await ile yapacağını: o kadar kod insanlarla Tipik

//I'm assuming I'm inside an `async` function 
zippyarray; // array of Zippy objects 

for(const task of zippyArray) { 
    const result = await $.get({ ... }); 
    // do stuff with result 
}