Jak zwrócić wiele obietnic w pętli i czekać, aż wszyscy zrobią inne rzeczy

Question

Mam pętlę, która wywołuje metodę, która robi rzeczy asynchornously. Ta pętla może wielokrotnie wywoływać tę metodę. Po tej pętli mam kolejną pętlę, która musi być wykonana tylko wtedy, gdy wszystkie asynchroniczne rzeczy są zrobione. Więc to ilustruje moje pragnienia:

for(i=0;i<5;i++){ 
    doSomeAsyncStuff();  
} 

for(i=0;i<5;i++){ 
    doSomeStuffOnlyWhenTheAsyncStuffIsFinish();  
} 

Nie znam tak wiele obietnic, więc czy ktoś mógłby mi pomóc to osiągnąć?

To jest jak moja doSomeAsyncStuff() zachowywać:

doSomeAsyncStuff{ 
    var editor = generateCKEditor(); 
    editor.on('instanceReady',function(evt){ 
     doSomeStuff(); 
     // There should be the resolve() of the promises I think. 
    }) 
} 

Może muszę zrobić coś takiego:

doSomeAsyncStuff{ 
    var editor = generateCKEditor(); 
    return new Promises(function(resolve,refuse){ 
     editor.on('instanceReady',function(evt){ 
      doSomeStuff(); 
      resolve(true); 
     }) 
    } 
} 

Ale nie jestem pewien składni.

Answer 1

Można użyć Promise.all (spec, MDN) za to: Akceptuje kilka indywidualnych obietnic i daje z powrotem jedną obietnicę, że zostanie rozwiązany, gdy wszystkie te, które dałeś to są rozwiązane lub odrzucone, gdy którykolwiek z nich jest odrzucony.

Więc jeśli uczynić doSomeAsyncStuff zwrot obietnica, następnie:

var promises = []; 

for(i=0;i<5;i+){ 
    promises.push(doSomeAsyncStuff()); 
} 

Promise.all(promises) 
    .then(() => { 
     for(i=0;i<5;i+){ 
      doSomeStuffOnlyWhenTheAsyncStuffIsFinish();  
     } 
    }) 
    .catch((e) => { 
     // handle errors here 
    }); 

Axel Rauschmayer ma dobry artykuł na obietnicach here.

Oto przykład - live copy on Babel's REPL:

function doSomethingAsync(value) { 
 
     return new Promise((resolve) => { 
 
     setTimeout(() => { 
 
      console.log("Resolving " + value); 
 
      resolve(value); 
 
     }, Math.floor(Math.random() * 1000)); 
 
     }); 
 
    } 
 
    
 
    function test() { 
 
     let i; 
 
     let promises = []; 
 
     
 
     for (i = 0; i < 5; ++i) { 
 
     promises.push(doSomethingAsync(i)); 
 
     } 
 
     
 
     Promise.all(promises) 
 
      .then((results) => { 
 
      console.log("All done", results); 
 
      }) 
 
      .catch((e) => { 
 
       // Handle errors here 
 
      }); 
 
    } 
 
    
 
    test();

(Nie przeszkadzało z .catch na to, ale ty chcesz .catch na swoim tych rzeczywistych, jak pokazano wcześniej).

Wyjście próbki (z powodu Math.random, co kończy się jako pierwsze może się różnić):

 
Resolving 3 
Resolving 2 
Resolving 1 
Resolving 4 
Resolving 0 
All done [0,1,2,3,4]