Promise.all (). Then () lösen?

Verwenden von Knoten 4.x. Wenn Sie einen haben, Promise.all(promises).then()wie können Sie die Daten richtig auflösen und an den nächsten weitergeben .then()?

Ich möchte so etwas machen:

Promise.all(promises).then(function(data){
  // Do something with the data here
}).then(function(data){
  // Do more stuff here
});

Aber ich bin nicht sicher, wie ich die Daten zum 2. bekommen soll .then(). Ich kann nicht resolve(...)in der ersten verwenden .then(). Ich habe herausgefunden, dass ich das kann:

return Promise.all(promises).then(function(data){
  // Do something with the data here
  return data;
}).then(function(data){
  // Do more stuff here
});

Aber das scheint nicht der richtige Weg zu sein ... Was ist der richtige Ansatz dafür?

Aber das scheint nicht der richtige Weg zu sein.

Das ist in der Tat der richtige Weg, es zu tun (oder zumindest ein richtiger Weg, es zu tun). Dies ist ein Schlüsselaspekt von Versprechungen, sie sind eine Pipeline und die Daten können von den verschiedenen Handlern in der Pipeline massiert werden.

Beispiel:

const promises = [
  new Promise(resolve => setTimeout(resolve, 0, 1)),
  new Promise(resolve => setTimeout(resolve, 0, 2))
];
Promise.all(promises)
  .then(data => {
    console.log("First handler", data);
    return data.map(entry => entry * 10);
  })
  .then(data => {
    console.log("Second handler", data);
  });

(Der catchHandler wurde der Kürze halber weggelassen. Propagieren Sie im Produktionscode immer entweder das Versprechen oder behandeln Sie die Ablehnung.)

Die Ausgabe, die wir daraus sehen, ist:

Erster Handler [1,2]
Zweiter Handler [10,20]

... weil der erste Handler die Auflösung der beiden Versprechen ( 1und 2) als Array erhält und dann ein neues Array mit jedem der mit 10 multiplizierten erstellt und zurückgibt. Der zweite Handler erhält, was der erste Handler zurückgegeben hat.

Wenn die zusätzliche Arbeit, die Sie ausführen, synchron ist, können Sie sie auch in den ersten Handler einfügen:

Beispiel:

const promises = [
  new Promise(resolve => setTimeout(resolve, 0, 1)),
  new Promise(resolve => setTimeout(resolve, 0, 2))
];
Promise.all(promises)
  .then(data => {
    console.log("Initial data", data);
    data = data.map(entry => entry * 10);
    console.log("Updated data", data);
    return data;
  });

... aber wenn es asynchron ist, möchten Sie das nicht tun, da es verschachtelt wird und die Verschachtelung schnell außer Kontrolle geraten kann.

Heute unterstützt NodeJS neue async/awaitSyntax. Dies ist eine einfache Syntax und erleichtert das Leben erheblich

async function process(promises) { // must be an async function
    let x = await Promise.all(promises);  // now x will be an array
    x = x.map( tmp => tmp * 10);              // proccessing the data.
}

const promises = [
   new Promise(resolve => setTimeout(resolve, 0, 1)),
   new Promise(resolve => setTimeout(resolve, 0, 2))
];

process(promises)

Mehr erfahren:

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

Ihr return dataAnsatz ist richtig, das ist ein Beispiel für die Verkettung von Versprechen . Wenn Sie ein Versprechen von Ihrem .then()Rückruf zurückgeben, löst JavaScript dieses Versprechen auf und leitet die Daten an den nächsten then()Rückruf weiter.

Seien Sie einfach vorsichtig und stellen Sie sicher, dass Sie mit Fehlern umgehen .catch(). Promise.all()lehnt ab, sobald eines der Versprechen im Array abgelehnt wird .