Wie Sie warten, Versprechen zu beenden, bevor die Funktion zurückkehrt

Grundlegende Versprechen Frage:

JS:

console.log('Promise START');

function makeFullJSON(time) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, time, [time]);
  })
}

var p1 = makeFullJSON(1000);
var p2 = makeFullJSON(500);
var p3 = makeFullJSON(750);

p1.then(array => {
  console.log('Promise 1 complete', array);
});

p2.then(array => {
  console.log('Promise 2 complete', array);
});

p3.then(array => {
  console.log('Promise 3 complete', array);
});

Promise.all([p1, p2, p3]).then(arrayOfAllResolvedValues => {
  console.log('Array of resolved values:', arrayOfAllResolvedValues);
});

console.log('Promise END');

Den code Ausgabe:

Promise START
Promise END
Promise 2 complete [ 500 ]
Promise 3 complete [ 750 ]
Promise 1 complete [ 1000 ]
Array of resolved values: [ [ 1000 ], [ 500 ], [ 750 ] ]

Wie haben Sie den code umzuschreiben, so dass die Ausgabe lautet:

Promise START
Promise 2 complete [ 500 ]
Promise 3 complete [ 750 ]
Promise 1 complete [ 1000 ]
Array of resolved values: [ [ 1000 ], [ 500 ], [ 750 ] ]
Promise END

klingt wie ein Duplikat von: stackoverflow.com/q/14220321/497418.
Legen Sie einfach die Versprechen ENDE console.log neben den aufgelösten Werte ein?
Promise.all([p1, p2, p3]).then(() => console.log('Promise END'))
Sie können nicht immer die Ursache der interpreter in Javascript zu "warten" für jede asynchrone operation. Stattdessen, Sie tun, was Sie immer tun, in irgendeiner single-threaded event-driven Systems - Sie einen Rückruf registrieren, um benachrichtigt zu werden, wenn der Vorgang erledigt ist und Sie Ihre Arbeit durchzuführen in diesem callback. Sie nicht "warten" in Javascript.
Vielen Dank an alle. Ich Stimme mit der Rückruf-Benachrichtigung. Das scheint der einzige Weg für jetzt (bis ich an die Verwendung async-await-pattern).

InformationsquelleAutor S. Vaghar | 2017-03-09

javascript promise

Alles, was Sie wollen, zu geschehen, nachdem der Abschluss geht in die Pfeil-Funktion, die Sie passieren, um dann.

    console.log('Promise START');

    function makeFullJSON(time) {
       return new Promise((resolve, reject) => {
       setTimeout(resolve, time, [time]); 
    })}

    var p1 = makeFullJSON(1000);
    var p2 = makeFullJSON(500);
    var p3 = makeFullJSON(750);

    p1.then(array => {
        console.log('Promise 1 complete', array);});

    p2.then(array => {
        console.log('Promise 2 complete', array););

    p3.then(array => {
        console.log('Promise 3 complete', array);});

    Promise.all([p1, p2, p3]).then(arrayOfAllResolvedValues => {
        console.log('Array of resolved values:', arrayOfAllResolvedValues);

        console.log('Promise END');
    });

Um aufzugeben, unmittelbare Ausführung des Programms, und starten Sie das schreiben von code, das würde nur geschehen, nachdem alle 3 verspricht lösen ist, wie es klingt, wie Sie möchten passieren, dann würde ich empfehlen, eine neue Funktion, die direkt unterhalb Ihren code, um die code enthalten, die Sie möchten, zu geschehen, nachdem die Auflösung, und übergeben Sie die Funktion wie: Promise.all([p1, p2, p3]).then(newFunctionName). Wäre es einfacher für Sie, um es auf diese Weise visualisieren, zumindest bis Sie sich daran gewöhnt, darüber nachzudenken, wie es arbeitet exakt.

Der erste Satz dieser Antwort ist alles erklärt. Danke Kent. Sie meinen Tag gerettet.

InformationsquelleAutor Kent Weigel

Zuerst beheben Sie den Syntaxfehler. Dann bewegen Sie die Konsole.log, wo der gesamte Prozess endet:

JS:

console.log('Promise START');

function makeFullJSON(time) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, time, [time]);
  })}

var p1 = makeFullJSON(1000);
var p2 = makeFullJSON(500);
var p3 = makeFullJSON(750);

p1.then(array => {
  console.log('Promise 1 complete', array);});

p2.then(array => {
  console.log('Promise 2 complete', array);});  //fixed syntax error here

p3.then(array => {
  console.log('Promise 3 complete', array);});

Promise.all([p1, p2, p3]).then(arrayOfAllResolvedValues => {
  console.log('Array of resolved values:', arrayOfAllResolvedValues);
  console.log('Promise END');
});

Die syntax-Fehler?
console.log('Promise 2 complete', array););
Ah, hatte nicht entdeckt, dass die. Es ist immer gut, um zu zeigen wie man mit einem Kommentar in der jeweiligen position
Gute Beratung. Getan

InformationsquelleAutor rasmeister

1

Wenn die offensichtliche Antwort der Platzierung der console.log('Promise END') nicht schweben Ihr Boot, warum nicht?
```
//didnt change anything at all above here
Promise.all([p1, p2, p3]).then(arrayOfAllResolvedValues => {
    console.log('Array of resolved values:', arrayOfAllResolvedValues);
}).then(() => {
    console.log('Promise END');
});
```
Wenn Sie wollen, um die Sequenz einer operation, nachdem alle zusagen wurden erfüllt, die Sie haben, um die Sequenz mit then() genauso wie Sie tun, wenn Sie drucken Sie Ihre array-Werte

InformationsquelleAutor JSelser

Verwenden async/await:

JS:

(async () => {
  console.log('Promise START');

  function makeFullJSON(time) {
    return new Promise((resolve, reject) => {
    setTimeout(resolve, time, [time]); 
  })}

  var p1 = makeFullJSON(1000);
  var p2 = makeFullJSON(500);
  var p3 = makeFullJSON(750);

  p1.then(array => {
    console.log('Promise 1 complete', array);});

  p2.then(array => {
    console.log('Promise 2 complete', array);});

  p3.then(array => {
    console.log('Promise 3 complete', array);});

  console.log('Array of resolved values:', await Promise.all([p1, p2, p3]));

  console.log('Promise END');
})();

Danke an alle für Ihre Kommentare. Das Problem ist, dass, was ist, wenn der obige code ist Eine Funktion, die aufgerufen wird, eine andere Funktion, B. Funktion B muss alle Versprechen zu beenden, nachdem Sie Eine, für Sie, um fortzufahren. Das ist ähnlich wie zu erwarten-Muster. Ich weiß nur einen Weg, dieses problem zu lösen (ohne zu warten) ist die übergabe einer callback-Funktion Ein und nannte es in der Versprechen.alle (wie vorgeschlagen wurde). Eine bin ich richtig?
Haben die Funktion Einer Rückgabe der Verheißung Promise.all?

InformationsquelleAutor jib

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.