Comment retourner beaucoup de Promesses dans une boucle et attendre pour eux de tout faire d'autres choses

J'ai une boucle qui appeler une méthode que de faire des trucs asynchornously. Cette boucle peut appeler la méthode beaucoup de temps. Après cette boucle, j'ai une boucle qui doivent être exécutées que lorsque tous les asynchrones truc est fait. Donc c'illustrer mon veut :

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

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

Je ne suis pas familier avec beaucoup d'promet donc quelqu'un pourrait-il m'aider à réaliser ceci?

C'est comment mon doSomeAsyncStuff() comporter : 

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

J'ai peut-être faire quelque chose comme ça :

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

Mais je ne suis pas sûr de la syntaxe.

  • Êtes-vous en contrôle des appels asynchrones? - Ils déjà de retour des promesses, ou vous pouvez les faire revenir promesses?
  • Quelle est exactement la séquence? Avez-vous besoin d'appeler les autres fonctions après que toutes les précédentes async sont finis? Ou avez-vous juste besoin de faire appel d'une fonction après chaque async sont finis?
  • Pour l'instant, la première fonction ne retourne pas de promesses. Ce que j'ai à mettre en œuvre. Je veux éditer mon message pour ajouter quelques détails du flux de travail de mes fonctions. Et oui j'ai besoin que tous les trucs de la première boucle à terminer avant de commencer à exécuter les trucs dans la deuxième boucle.
  • Yep merci, j'écris pour rapide ^^
  • Re votre edit: "j'ai Peut-être faire quelque chose comme ça" Ouais, très bien comme ça, sauf qu'il n'y est pas s à la fin de Promise.
InformationsquelleAutor Ganbin | 2015-07-15
  1. 101

    Vous pouvez utiliser Promise.all (spec, MDN) pour qui: Il accepte un tas de promesses faites et vous donne une seule promesse qui est résolu lorsque toutes celles que vous avez donné sont résolus, ou rejeté lorsque l'un d'eux est rejetée.

    Donc, si vous faites doSomeAsyncStuff retour d'une promesse, alors:

    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 a un bon article sur les promesses ici.

    Voici un exemple - vivre copie sur Babel est REPL:

    JS:

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


    (Ne vous embêtez pas avec .catch sur ce point, mais vous ne voulez .catch sur votre monde réel, comme indiqué plus haut.)

    Exemple de sortie (en raison de la Math.random, ce qui termine premier peut varier):

    Résolution de 3 
La résolution 2 
La résolution de 1 
La résolution 4 
La résolution de 0 
Tout est fait [0,1,2,3,4]
    • Ok merci j'ai essayer maintenant et je viens avec des commentaires en quelques minutes.
    • Wow, merci beaucoup, maintenant je comprends beaucoup plus de promesses.J'ai lu beaucoup de promesses, mais jusqu'à ce que nous avons besoin de les utiliser dans le code réel, nous ne pouvons pas vraiment comprendre tous les mécanismes. Je comprends maintenant mieux et je peux commencer à écrire des trucs cool, merci à vous.
    • Vraiment utile, merci!
    • Aussi, si vous voulez obtenir ces tâches à effectuer dans l'ordre pour une raison quelconque (par exemple en se moquant de cours), vous pouvez modifier Math.floor(Math.random() * 1000) à (i * 1000)
    • maintenant, comment je peux rendre les données de résultat à l'affichage et là, je peux faire la boucle pour afficher les données
    • si doSomethingAsync(i) retourne une promesse comment attendre pour que pour finir le long de avec d'autres dans la boucle?
    • href="https://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call/43766002#43766002">Tout ce que vous pourriez peut-être voulez savoir à propos de la combinaison et de l'itération promesses en série ou en parallèle. 🙂
    • Travailler comme un charme! Merci beaucoup à vous. Enfin, j'ai compris Promesses.

    InformationsquelleAutor T.J. Crowder