Was ist der Unterschied zwischen Rückgabewert oder Promise.resolve von da an ()

Was ist der Unterschied zwischen:

new Promise(function(res, rej) {
    res("aaa");
  })
  .then(function(result) {
    return "bbb";
  })
  .then(function(result) {
    console.log(result);
  });

und das:

new Promise(function(res, rej) {
    res("aaa");
  })
  .then(function(result) {
    return Promise.resolve("bbb");
  })
  .then(function(result) {
    console.log(result);
  });

Ich frage, wie ich ein anderes Verhalten bekomme. Verwenden des Angular- und $ http-Dienstes mit Verkettung .then (). Ein bisschen zu viel Code, daher zuerst das obige Beispiel.

Die Regel lautet: Wenn die im thenHandler enthaltene Funktion einen Wert zurückgibt, wird das Versprechen mit diesem Wert aufgelöst / abgelehnt. Wenn die Funktion ein Versprechen zurückgibt, ist die nächste thenKlausel die thenKlausel des Versprechens, das die Funktion zurückgegeben hat In diesem Fall durchläuft das erste Beispiel die normale Reihenfolge der thensund druckt Werte aus, wie zu erwarten ist. Im zweiten Beispiel wird das Versprechen-Objekt, das zurückgegeben wird, wenn Sie dies tun Promise.resolve("bbb"), thenbeim Verketten aufgerufen (im Grunde). Die Art und Weise, wie es tatsächlich funktioniert, wird unten ausführlicher beschrieben.

Zitat aus der Promises / A + Spezifikation:

Das Versprechenlösungsverfahren ist eine abstrakte Operation, bei der ein Versprechen und ein Wert als Eingabe verwendet werden, die wir als bezeichnen [[Resolve]](promise, x). Wenn xes dann möglich ist, versucht es, das Versprechen in den Zustand von zux versetzen, unter der Annahme, dass sich x zumindest etwas wie ein Versprechen verhält . Ansonsten erfüllt es das Versprechen mit dem Wert x.

Diese Behandlung von thenables ermöglicht die Interoperabilität von Versprechen-Implementierungen, sofern sie eine Promises / A + -konforme then-Methode offenlegen. Es ermöglicht Promises / A + -Implementierungen auch, nicht konforme Implementierungen mit angemessenen Methoden zu „assimilieren“.

Das Wichtigste hier ist diese Zeile:

Wenn xes ein Versprechen ist, nimm seinen Zustand an [3.4]

Link: https://promisesaplus.com/#point-49

In einfachen Worten, innerhalb eines then Handlerfunktion:

A) Wann xist ein Wert (Zahl, Zeichenfolge usw.):

1. return x ist äquivalent zu return Promise.resolve(x)
2. throw x ist äquivalent zu return Promise.reject(x)

B) Wann xist ein Versprechen bereits erfüllt (nicht mehr ausstehend):

1. return x ist äquivalent zu return Promise.resolve(x) , wenn das Versprechen bereits gelöst wurde.
2. return xist gleichbedeutend mit return Promise.reject(x), wenn das Versprechen bereits abgelehnt wurde.

C) Wann xsteht ein Versprechen aus?

1. return xgibt ein ausstehendes Versprechen zurück und es wird im folgenden ausgewertet then.

Weitere Informationen zu diesem Thema finden Sie in den Dokumenten Promise.prototype.then () .

Ihre beiden Beispiele sollten sich ziemlich gleich verhalten.

Ein in einem then()Handler zurückgegebener Wert wird zum Auflösungswert des von diesem zurückgegebenen Versprechens then(). Wenn der innerhalb von zurückgegebene Wert .then ein Versprechen ist, wird das von zurückgegebene Versprechen then()den Zustand dieses Versprechens "annehmen" und genau wie das zurückgegebene Versprechen auflösen / ablehnen.

In Ihrem ersten Beispiel kehren Sie "bbb"im ersten then()Handler zurück und werden "bbb"an den nächsten then()Handler übergeben.

In Ihrem zweiten Beispiel geben Sie ein Versprechen zurück, das sofort mit dem Wert aufgelöst "bbb"und "bbb"an den nächsten then()Handler übergeben wird. (Das Promise.resolve()hier ist irrelevant).

Das Ergebnis ist das gleiche.

Wenn Sie uns ein Beispiel zeigen können, das tatsächlich ein anderes Verhalten zeigt, können wir Ihnen sagen, warum dies geschieht.

Sie haben bereits eine gute formelle Antwort erhalten. Ich dachte, ich sollte eine kurze hinzufügen.

Die folgenden Dinge sind identisch mit Versprechen / A + Versprechen:

• Anrufen Promise.resolve(In Ihrem Angular-Fall ist das$q.when )
• Den Versprechenskonstruktor aufrufen und in seinem Resolver auflösen. In deinem Fall ist das so new $q.
• Rückgabe eines Wertes aus einem thenRückruf.
• Rufen Sie Promise.all für ein Array mit einem Wert auf und extrahieren Sie diesen Wert.

Für ein Versprechen oder einen einfachen Wert X sind also alle identisch:

Promise.resolve(x);
new Promise(function(resolve, reject){ resolve(x); });
Promise.resolve().then(function(){ return x; });
Promise.all([x]).then(function(arr){ return arr[0]; });

Und es ist keine Überraschung, dass die Versprechensspezifikation auf dem Versprechenslösungsverfahren basiert, das eine einfache Interaktion zwischen Bibliotheken (wie $ q und native Versprechungen) ermöglicht und Ihr Leben insgesamt erleichtert. Wann immer eine Versprechenslösung auftreten könnte, erfolgt eine Lösung, die eine allgemeine Konsistenz schafft.

Der einzige Unterschied besteht darin, dass Sie dabei ein unnötiges Versprechen erstellen return Promise.resolve("bbb"). Wenn Sie ein Versprechen von einem onFulfilled()Handler zurückgeben, wird die Lösung des Versprechens eingeleitet . So funktioniert die Verkettung von Versprechen .