Wie implementiere ich Versprechen in JavaScript?



Versprechen In JavaScript werden grundsätzlich asynchrone Operationen verarbeitet. Dieser Artikel hilft Ihnen dabei, das Konzept im Detail zu untersuchen.

Versprechen in werden grundsätzlich verwendet, um Operationen als asynchrone Operationen zu behandeln. Ein Versprechen ist ein Objekt, das in Zukunft möglicherweise einen einzigen Wert erzeugt: entweder einen aufgelösten Wert oder einen Fehler.

Die folgenden Hinweise werden in diesem Artikel behandelt:





Beginnen wir mit diesem Artikel über Versprechen in JavaScript

Bedeutung:

Die Versprechen sind nützlich, wenn mehrere asynchrone Vorgänge behandelt werden müssen. Bevor Versprechen in JavaScript eingeführt wurden, wurden Ereignisse und Rückruffunktionen verwendet, um asynchrone Vorgänge zu verarbeiten. Da Ereignisse bei asynchronen Operationen nicht sehr nützlich sind, werden sie nicht bevorzugt. Wenn man zum Rückruf kommt und sie in Vielfachen verwendet, entsteht ein derartiges Durcheinander, dass es für niemanden sehr schwierig ist, den Code zu verstehen.
Daher sind Versprechen die erste Wahl eines jeden Codierers, um asynchrone Operationen auf einfachste Weise zu handhaben. Sie verfügen über erweiterte Funktionen, die es ihnen erleichtern, die Vorgänge als Rückrufe und Ereignisse auszuführen.



  • Promises macht den Code lesbar, was bedeutet, dass er auch in einem späteren Entwicklungsstadium von den Codierern bearbeitet werden kann.
  • Bei asynchronen Vorgängen ist die Handhabung im Vergleich zu Rückruf und Ereignis besser.
  • Die erweiterte Fehlerbehandlung wird ebenfalls als wichtiges Merkmal angesehen.
  • Es gibt einen viel besseren Fluss der Steuerungsdefinition in asynchroner Form.

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Art der Zustände:

Erfüllt: Bezogen auf die Versprechen, die erfolgreich sind.
Abgelehnt: Bezogen auf jene Versprechen, die abgelehnt werden.
Steht aus: Bezogen auf die ausstehenden Versprechen, d. H. Weder abgelehnt noch angenommen.
Abgerechnet: Bezogen auf die Versprechen, die erfüllt oder abgelehnt werden.

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort



Schaffung von Versprechungen

Ein Versprechen wird mit dem Versprechen-Konstruktor erstellt.

Syntax:

var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {// hier etwas tun})

Parameter:
Der Promise-Konstruktor verwendet ein Argument, die Rückruffunktion. Die Rückruffunktion enthält zwei Argumente: Auflösen oder Ablehnen. Operationen werden innerhalb der Rückruffunktionen ausgeführt. Wenn alles gut gegangen ist, wird der Anruf aufgelöst, andernfalls wird der Anruf zurückgewiesen.

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Beispiel 1:

var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {/ * Deklarieren und Definieren von zwei Variablen des Datentyps const mit demselben Inhalt. * / const a = 'Hallo! Mein Name ist Yash und ich interessiere mich für Informatik.' const b = 'Hallo! Mein Name ist Yash und ich interessiere mich für Informatik.' // Überprüfen, ob beide in Variablen gespeicherten Inhalte gleich sind oder nicht, wenn (a === b) {// Auflösung auflösen () } else {// Aufruf von Reject Reject Reject ()}}) Versprechen. then (function () {console.log ('Versprechen gelöst !!')}). catch (function () {console.log ('Versprechen abgelehnt !!')})

Ausgabe:
Ausgabe-Versprechen in JavaScript-Edureka

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Beispiel 2:

var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {// zwei Variablen mit ganzzahligen Werten initialisieren const x = 11 + 2 const y = 26/2 // prüft, ob beide Variablen gleich sind oder nicht, wenn (x === y ) {// Aufruf von Resolution Resolve ()} else {// Aufruf von Reject Reject Reject ()}}) Versprechen. then (function () {console.log ('Versprechen ist gelöst !!')}). catch (function () {console.log ('Versprechen wird abgelehnt !!')})

Ausgabe:

Was ist Paket in Java

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Beispiel 3:

var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {const i = 'Hallo' const a = 'Welt' // Hinzufügen von zwei Variablen zum Speichern des Werts in einer anderen Variablen const j = i + a if ((i + a) ) === j) {// Aufruf von Resolution Resolve ()} else {// Aufruf von Reject Reject Reject ()}}) Versprechen. then (function () {console.log ('Versprechen ist gelöst !!')}). catch (function () {console.log ('Versprechen wird abgelehnt !!')})

Ausgabe:

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Verbraucher in Versprechen

Es gibt zwei Registrierungsfunktionen:

dann()

Wenn ein Versprechen entweder gelöst oder abgelehnt wird, wird () aufgerufen.

Parameter:

  • Wenn das Versprechen aufgelöst wird, wird die erste Funktion ausgeführt und ein Ergebnis empfangen.
  • Wenn das Versprechen abgelehnt wird, wird die zweite Funktion ausgeführt und ein Fehler auf dem Bildschirm angezeigt.

Syntax:

.then (Funktion (Ergebnis) {// Behandlung des Erfolgs}, Funktion (Fehler) {// Behandlung des Fehlers})

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Beispiel

Wenn das Versprechen gelöst ist

// Auflösung des Versprechens var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {auflösen ('Erfolgsmeldung wird hier geschrieben!')}) Versprechen .then (Funktion (successMessageishere) {// Erfolgsbehandlungsfunktion wird auf console.log aufgerufen (successMessageishere)}, function (errorMessageishere) {console.log (errorMessageishere)})

Ausgabe:

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Wenn das Versprechen abgelehnt wird

// Ablehnung des Versprechens var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {ablehnen ('Ablehnungsnachricht wird hier geschrieben!')}) Versprechen .then (Funktion (successMessage) {console.log (successMessage)}, Funktion ( errorMessage) {// Fehlerbehandlungsfunktion wird aufgerufen console.log (errorMessage)})

Ausgabe:

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Fang ( )

Immer wenn ein Fehler auftritt oder das Versprechen während der Ausführungszeit abgelehnt wird, wird catch () aufgerufen.
Parameter:

  • In der catch () -Methode wird nur eine Funktion als Parameter übergeben.
  • Diese Funktion wurde entwickelt, um Fehler zu behandeln oder Ablehnungen zu versprechen.

Syntax:

.catch (Funktion (Fehler) {// Fehler behandeln})

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Beispiel 1:

var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {ablehnen ('Versprechen wird abgelehnt')}) Versprechen .then (Funktion (Erfolg) {console.log (Erfolg)}) .catch (Funktion (Fehler) {// Fehlerbehandlungsfunktion wird aufgerufen console.log (Fehler)})

Ausgabe:

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Beispiel 2:

var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {// Fehlermeldung neuen Fehler auslösen ('Es liegt ein Fehler vor!')}) Versprechen .then (Funktion (Erfolg) {console.log (Erfolg)}) .catch (Funktion (Fehler) {// Fehlerbehandlungsfunktion wird aufgerufen console.log (Fehler)})

Ausgabe:

Fahren Sie mit diesem Artikel über Versprechen in JavaScript fort

Beispiel 3:

var versprechen = neues Versprechen (Funktion (auflösen, ablehnen) {// Fehlermeldung kann hier bearbeitet werden. neuen Fehler auslösen ('ein Fehler ist aufgetreten!')}) Versprechen .then (Funktion (Thissuccess) {console.log (Thissuccess)} ) .catch (Funktion (Thiserror) {// Fehlerbehandlungsfunktion aufgerufen console.log (Thiserror)})

Ausgabe:

Anwendung:
1. Behandlung von asynchronen Ereignissen.
2. Behandlung von asynchronen http-Anforderungen.

Damit sind wir am Ende dieses Artikels über 'Versprechen in JavaScript' angelangt. Wenn Sie mehr erfahren möchten, lesen Sie die von Edureka, einem vertrauenswürdigen Online-Lernunternehmen. Der Java J2EE- und SOA-Schulungs- und Zertifizierungskurs von Edureka wurde entwickelt, um Sie sowohl für Kern- als auch für fortgeschrittene Java-Konzepte sowie für verschiedene Java-Frameworks wie Hibernate & Spring zu schulen.

Hast du eine Frage an uns? Bitte erwähne es im Kommentarbereich dieses Blogs und wir werden uns so schnell wie möglich bei dir melden.