Promises.all wie sicherzustellen, dass alle Versprechen haben, sind verfügbar?

Question

Ich habe dieses Beispiel aus der Axios AJAX-Bibliothek genommen, aber das gleiche gilt für Promises.all().

Bisher habe ich gelesen, Sie können Promises.all() verwenden, um zu überprüfen, ob alle Versprechen aus einer Reihe von Versprechen gelöst worden sind.

Das ist wirklich ordentlich, aber was passiert, wenn Sie ein Versprechen setzen und es verrechnet, bevor das nächste geschoben wurde?

Ich rate mit dem Overhead von meinem durchschnittlichen AJAX-Aufruf von mindestens 50ms der Push wird immer passieren, bevor irgendwelche Ajax-Anfragen, aber nur sagen, dafür genommen gewährt nicht wirklich richtig.

Es gibt zwei Lösungen für diese, die ich denken konnte:

1. eine Zählung Verwenden Sie beide, um sicherzustellen, (in thise Fall) AJAX-Anforderungen sind in der
   Array.

2. Überprüfen Sie, ob die tatsächlichen Funktionsnamen vorhanden sind.

Wie sind andere Umgang mit diesem oder sind die meisten Menschen einfach zufrieden mit der Hoffnung auf beiden AJAX Anfragen geschoben wird, bevor ein einzelner kann man schnell genug gelöst werden.

axios.all([getUserAccount(), getUserPermissions()]) 
    .then(axios.spread(function (acct, perms) { 
    // Both requests are now complete 
    })); 

Answer 1

Sie müssen sich keine Sorgen über Versprechen machen, die aufgelöst werden, bevor sie an Promise.all übergeben werden: Promise.all wird nicht aufgerufen, bevor sein Argument (Array) vollständig ausgewertet wurde. Nur wenn das Array bereit ist, wird Promise.all aufgerufen.

Ob eines dieser Versprechen bereits gelöst ist, zu der Zeit Promise.all genannt wird, ist wirklich nicht wichtig. Promise.all prüft, welche in einem aufgelösten Zustand sind und ruft nur seine then Methode auf, wenn alle von ihnen erfüllt worden sind. Es könnte sogar sein, dass alle die Versprechen im Array bereits erfüllt sind: kein Problem, sobald Promise.all ausgeführt wird, wird es die Ausführung der then-Methode planen. Selbst die Zeit, in der diese Versprechen bereits gelöst waren, spielt keine Rolle. Selbst wenn sie vor einer Stunde gelöst wurden, wird Promise.all ihre Aufgabe immer noch korrekt erledigen.

Answer 2

Axios.all calls Promise.all, die eine einzige Zusage zurückgibt, die löst, wenn alle Versprechungen im iterable Argument sind aufgelöst.

Axios.spread werden die aufgelösten Werte von getUserAccount und getUserPermission erhalten.

Answer 3

Push ist eine Synchronisierungsoperation, Ajax ist asynchron. JS wird immer alle Synchronisierungsoperationen ausführen, bevor eine asynchrone Operation ausgeführt wird, selbst wenn sie bereits beendet wurde. Zum Beispiel:

for (i=0;i<10000000;i++){ 
    console.log('looping'); 
} 

setTimeout(function(){ 
    console.log('running async') 
}, 0) 

Obwohl die Timeout auf 0 gesetzt ist, so kann sie sofort ausführen, wird es warten, bis die für die Schleife und erst dann erfolgt die Async-Betrieb laufen.

Also selbst wenn Sie ein Versprechen und es sofort verrechnet, wird es warten, bis der Push erledigt ist und nur dann wird auf die gelösten Versprechen reagieren.