Wann wird der Hauptteil eines Promise-Konstruktorrückrufs ausgeführt?

Angenommen, ich habe den folgenden Code, der a erstellt Promise:

function doSomethingAsynchronous() {
  return new Promise((resolve) => {
    const result = doSomeWork();

    setTimeout(() => {
      resolve(result);
   }), 100);
  });
}

Zu welchem ​​Zeitpunkt ist doSomeWork() genannt? Ist es unmittelbar danach oder als Promise ist konstruiert? Wenn nicht, muss ich noch etwas explizit tun, um sicherzustellen, dass der Rückruf ausgeführt wird?

Sofort, ja, nach Vorgabe.

Aus das MDN:

Die Executor-Funktion wird sofort von der Promise-Implementierung ausgeführt und übergibt Auflösungs- und Ablehnungsfunktionen (der Executor wird aufgerufen, bevor der Promise-Konstruktor überhaupt das erstellte Objekt zurückgibt).

Dies ist in der ECMAScript-Spezifikation definiert (natürlich ist es schwieriger zu lesen …) Hier (Schritt 9 ab dieser Bearbeitung zeigt, dass der Executor synchron aufgerufen wird):

9. Sei Vollendung Vollendung(Call(executor, undefiniert, « resolvingFunctions.[[Resolve]], auflösende Funktionen.[[Reject]]»)).

(meine Betonung)

Diese Garantie kann wichtig sein, wenn Sie beispielsweise mehrere Zusagen vorbereiten, an die Sie dann weitergeben all oder raceoder wenn Ihre Ausführenden synchrone Nebenwirkungen haben.

Unten sehen Sie, dass der Textkörper sofort ausgeführt wird, indem einfach synchroner statt asynchroner Code in den Textkörper eingefügt wird:

function doSomethingAsynchronous() {
  return new Promise((resolve) => {
    console.log("a");
    resolve("promise result");
  });
}
doSomethingAsynchronous();
console.log("b");

Das Ergebnis zeigt, dass der Versprechenstext sofort ausgeführt wird (bevor „b“ gedruckt wird).

Das Ergebnis des Versprechens bleibt erhalten und kann beispielsweise für einen „Dann“-Aufruf freigegeben werden:

function doSomethingAsynchronous() {
  return new Promise((resolve) => {
    console.log("a");
    resolve("promise result");
  });
}

doSomethingAsynchronous().then(function(pr) {
  console.log("c:" + pr);
});
console.log("b");

Ergebnis:

a
b
c:promise result

Das Gleiche gilt für asynchronen Code im Körper, mit Ausnahme der unbestimmten Verzögerung, bevor das Versprechen erfüllt wird und „dann“ aufgerufen werden kann (Punkt c). So a Und b würde sobald gedruckt werden doSomethingAsynchronous() kehrt aber zurück c erscheint nur, wenn das Versprechen erfüllt ist (wird „resolve“ genannt).

Was auf den ersten Blick seltsam aussieht, sobald der Anruf erfolgt ist then hinzugefügt wird, ist das b wird vorher gedruckt c auch wenn alles synchron ist.

Sicherlich a würde dann drucken c und schlussendlich b?

Der Grund warum a, b Und c In dieser Reihenfolge werden gedruckt, da es egal ist, ob sich der Code im Körper befindet async oder syncDie then Die Methode wird von immer asynchron aufgerufen Promise.

In meinem Kopf stelle ich mir das vor then Methode, die von so etwas wie aufgerufen wird setTimeout(()=>{then(pr)},0) im Promise einmal resolve wird genannt. Das heißt, der aktuelle Ausführungspfad muss abgeschlossen sein, bevor die Funktion übergeben wird then wird durchgeführt.

Aus dem nicht ersichtlich Promise Spezifikation, warum macht es das?

Ich vermute, dass dadurch ein konsistentes Verhalten hinsichtlich des Zeitpunkts sichergestellt wird then wird aufgerufen (immer nachdem der aktuelle Ausführungsthread beendet ist), was vermutlich dazu dient, mehrere zuzulassen Promises müssen gestapelt/aneinandergekettet werden, bevor alle losgelegt werden then ruft nacheinander an.

Ja, wenn Sie eine konstruieren Promise Der erste Parameter wird sofort ausgeführt.

Im Allgemeinen würde man a nicht wirklich verwenden promise So wie Sie es getan haben, wäre es wie bei Ihrer aktuellen Implementierung immer noch synchron.

Sie würden es lieber mit einem Timeout implementieren oder die Auflösungsfunktion als Teil eines Ajax-Callbacks aufrufen

function doSomethingAsynchronous() {
  return new Promise((resolve) => {
    setTimeout(function() {
      const result = doSomeWork();
      resolve(result);
    }, 0);
  });
}

Der setTimeout Die Methode würde die Funktion dann zum nächstmöglichen Zeitpunkt aufrufen, wenn die Ereigniswarteschlange frei ist

Von dem EcmaScript-Spezifikation

Die Executor-Funktion wird sofort von der Promise-Implementierung ausgeführt und übergibt Auflösungs- und Ablehnungsfunktionen (der Executor wird aufgerufen, bevor der Promise-Konstruktor überhaupt das erstellte Objekt zurückgibt).

Betrachten Sie den folgenden Code:

let asyncTaskCompleted = true

const executorFunction = (resolve, reject) => {
  console.log("This line will be printed as soon as we declare the promise");
  if (asyncTaskCompleted) {
    resolve("Pass resolved Value here");
  } else {
    reject("Pass reject reason here");
  }

}

const myPromise = new Promise(executorFunction)

Wenn wir den obigen Code ausführen, executorFunction wird automatisch aufgerufen, sobald wir das bekannt geben Promiseohne dass wir es explizit aufrufen müssen.