Wie man Versprechen in JavaScript ketten

JavaScript Promise -Objekt wird verwendet, um asynchrone Funktionen zu behandeln. Es repräsentiert den Zustand und die Daten, die von der angegebenen Funktion zurückgegeben werden. Der Zustand des Versprechensobjekts kann Ihnen helfen.

In JavaScript werden Versprechungen für die Verwaltung des Ausführungsflusss in einem Programm miteinander verkettet. Das Versprechen von Ketten ist auch nützlich, wenn Sie eine Reihe asynchroner Funktionen ausführen müssen, bei denen jeweils von der vorherigen Funktion abhängt. Es enthält auch Fehlerausbreitung.

In dieser Beschreibung wird das Verfahren diskutiert, um zu Kettenversprechen In JavaScript mit Hilfe geeigneter Beispiele. So lass uns anfangen!

So erstellen Sie ein Versprechen in JavaScript

Du kannst den ... benutzen "Versprechen()Konstruktor zum Erstellen eines Versprechensobjekts in Ihrem Programm:

lass drequill = New Promise (Funktion (Auflösung, Ablehnung)
// Körper der Funktion
)

In JavaScript die “Versprechen()"Konstruktor akzeptiert eine"Funktion()"Als Argument, das weiter zwei Argumente hat:"beschließen()" Und "ablehnen()“. Die Funktion resolve () wird aufgerufen, wenn das Versprechen erfolgreich zurückgegeben wird. Andernfalls wird die Funktion von Reject () aufgerufen.

Beispiel: So erstellen Sie ein Versprechen in JavaScript
Im folgenden Programm werden wir ein Versprechensobjekt namens erstellen “numberValueNutzung des Constructors Promise (). Nach der angegebenen Syntax haben wir die Parameter hinzugefügt “beschließen()" Und "ablehnen()”Für unser Versprechensobjekt:

const nummer = true;
Sei NumberValue = New Promise (Funktion (Auflösung, Ablehnung)
if (number)
Resolve ("Wir haben eine Zahl");
anders
ablehnen ("Wir haben keine Zahl");

);

Der Wert der “Nummer" ist eingestellt auf "WAHRIn diesem Fall wird das Versprechen gelöst:

Konsole.log (numberValue);

Die Ausführung des bereitgestellten Programms gibt das Versprechensobjekt in seinen Zustand zurück:

Wie man Versprechen in JavaScript ketten

Wenn Sie in einer Situation stecken, in der Sie in einer Sequenz mehrere asynchrone Aufgaben ausführen müssen, kann das Versprechen Ihnen in dieser Hinsicht helfen.

Mit Versprechenketten können Sie die Operationen angeben, nachdem das jeweilige Versprechen gelöst wurde. Zu diesem Zweck das JavaScript “Dann()","fangen()", Und "Endlich()„Methoden werden angewendet.

Wie man Versprechen in JavaScript mit der dann () -Methode ketten

Das JavaScript "Dann()Die Methode wird verwendet. Diese Methode umfasst “überfüllt" Und "OnrejectedParameter, mit denen Sie die Szenarien verarbeiten können, in denen Versprechen erfüllt oder fehlgeschlagen sind.

Syntax von JavaScript dann () Methode

Versprechens.dann (überfüllte, onrejected);

Hier "überfüllt" Und "Onrejected"Sind das Argument der"Dann()" Methode. Diese Methode gibt ein Versprechenobjekt mit dem Ergebnis der Handlerfunktion zurück.

Beispiel: Wie man Versprechungen in JavaScript mit der dann () -Methode ketten
Zunächst werden wir ein Versprechensobjekt namens erstellen. “numberValueMit Hilfe des Versprechens () Konstruktors:

Sei NumberValue = New Promise (Funktion (Auflösung, Ablehnung)
Const Product = 2;
Auflösung (Produkt);
);

Danach werden wir nutzen “Dann()"Methode zum Erhalten der Funktionen"SuccessValue ()" Und "successValue1 ()", Und "successValue2 ()" mit dem "Produkt" als "überfülltArgument für das Versprechen:

numberValue
.dann (Funktion SuccessValue (Produkt)
Konsole.Protokoll (Produkt);
Rückgabeprodukt * 2;
)
.Dann (Funktion SuccessValue1 (Produkt)
Konsole.Protokoll (Produkt);
Rückgabeprodukt * 4;
)
.Dann (Funktion SuccessValue2 (Produkt)
Konsole.Protokoll (Produkt);
Rückgabeprodukt * 6;
);

Die hinzugefügte Kette der dann () Methoden wird ausgeführt, wenn das angegebene Versprechen erfüllt ist:

Wie man Versprechen in JavaScript mithilfe der Catch () -Methode ketten

Das JavaScript "fangen()Die Methode behandelt die abgelehnten Versprechen oder den Fall, wenn ein Fehler auftritt. Es wird als gute Praxis angesehen, ein Versprechen abzulehnen, anstatt einen Fehler explizit zu generieren.

Beispiel: Wie man Versprechungen in JavaScript mithilfe der Catch () -Methode anketten
Jetzt werden wir versuchen, im vorherigen Beispiel eine Catch () -Methode hinzuzufügen:

Sei NumberValue = New Promise (Funktion (Auflösung, Ablehnung)
ablehnen ("Leider wird Versprechen abgelehnt");
);
numberValue.Dann(
Funktion SuccessValue (Ergebnis)
Konsole.log (Ergebnis);
,
)

Das untergegebene "fangen()Die Methode wird ausgeführt, wenn ein Fehler auftritt:

.fangen(
FunktionsfehlerValue (Ergebnis)
Konsole.log (Ergebnis);

);

Wie Sie aus der Ausgabe sehen können, dass die “numberValue"Versprechen wird abgelehnt und"fangen()Die Methode wird dann zum Umgang mit dem Fehler verwendet:

So verwenden Sie schließlich () Methoden mit Versprechen

Der "Endlich()Methode wird in einer Situation verwendet, in der Sie einen Code ausführen müssen, unabhängig davon, ob das hinzugefügte Versprechen erfüllt ist oder nicht.

Beispiel: Wie man endlich () Methode mit Versprechen verwendet
Wir haben das JavaScript hinzugefügt “Endlich()”In dem folgenden Beispiel, das entweder Versprechen ausgeführt wird, wird abgelehnt oder erfüllt:

Sei NumberValue = New Promise (Funktion (Auflösung, Ablehnung)
Entschlossenheit ('Versprechen ist gelöst');
);
numberValue.Endlich(
Funktion msg ()
Konsole.log ('Code wird erfolgreich ausgeführt');

);

Die oben gegebene Ausgabe bedeutet, dass der Code in die “hinzugefügt wird“Endlich()Die Methode wird erfolgreich ausgeführt und das Versprechen wird gelöst.

Abschluss

Verwendung Dann() Und fangen() Methoden können Sie Versprechen in JavaScript ketten. Die Methode dann () () wird verwendet, um die Operation anzugeben, die durchgeführt werden muss, wenn das zusätzliche Versprechen erfüllt ist. In dieser Beschreibung wurde das Verfahren zu Kettenversprechen in JavaScript unter Verwendung der dann () und catch () -Methoden erörtert.