Wie funktionieren Versprechen? Javascript

In JavaScript sind Versprechen eine leistungsstarke Möglichkeit, mit Asynchronität umzugehen. Sie ermöglichen Ihnen die Abwicklung von Vorgängen, deren Abschluss zeitaufwändig ist, wie z. B. Netzwerkanfragen, Dateivorgänge oder alles, was das Warten auf etwas erfordert. Lassen Sie uns erklären, wie sie funktionieren und warum sie nützlich sind.

Was ist ein Versprechen?

Ein Versprechen in JavaScript ist ein Objekt, das den eventuellen Abschluss oder Misserfolg eines asynchronen Vorgangs darstellt. Im Wesentlichen handelt es sich um einen Behälter für einen Wert, der zum Zeitpunkt der Erstellung des Versprechens noch nicht bekannt ist. Ein Versprechen kann einen von drei Zuständen haben:

• Ausstehend: Der Anfangsstatus des Versprechens. Das Ergebnis ist noch nicht verfügbar, da der asynchrone Vorgang noch nicht abgeschlossen ist.
• Eingehalten: Dies bedeutet, dass der asynchrone Vorgang erfolgreich abgeschlossen wurde und das Versprechen einen Auflösungswert hat.
• Abgelehnt: Dies bedeutet, dass der Vorgang fehlgeschlagen ist und das Versprechen einen Grund für die Ablehnung hat.

Ein Versprechen schaffen

Ein Versprechen wird mit dem Konstruktor Promise erstellt. Es wird eine Executor-Funktion bereitgestellt, die zwei Argumente hat: resolve und reject. Dies sind Methoden, um das Versprechen aufzulösen oder abzulehnen:

const myPromise = new Promise((auflösen, ablehnen) => {
     setTimeout(() => {
         if (true) { // Simulation einer Erfolgsbedingung
             lösen('Erfolg!');
         } anders {
             Reject('Fehlgeschlagen.');
         }
     }, 1000);
});

Versprechen konsumieren

Um ein Versprechen zu verwenden, können Sie die Methoden .then() und .catch() verwenden. Die Methode .then() wird ausgeführt, wenn das Versprechen erfolgreich erfüllt wurde, während .catch() ausgeführt wird, wenn das Versprechen abgelehnt wird:

myPromise
     .then((Wert) => {
         console.log(Wert); // 'Erfolg!'
     })
     .catch((Fehler) => {
         console.error(error); // 'Fehlgeschlagen.'
     });

Versprechensverkettung

Promises können verkettet werden, was bedeutet, dass Sie mehrere asynchrone Vorgänge nacheinander ausführen können. Jeder .then() kann ein anderes Versprechen zurückgeben, wodurch mehr asynchrone Vorgänge basierend auf dem Ergebnis des vorherigen möglich sind:

myPromise
     .then((Wert) => {
         console.log(Wert);
         return anotherAsynchronousFunction(); // Ein weiteres Versprechen zurückgeben
     })
     .then((newValue) => {
         console.log(newValue);
     })
     .catch((Fehler) => {
         console.error(error);
     });

Promises sind ein entscheidender Bestandteil beim Schreiben von sauberem und effektivem JavaScript-Code in asynchronen Vorgängen. Sie erleichtern die Handhabung komplexer Abfolgen asynchroner Aufgaben, ohne in die berüchtigte „Callback-Hölle“ zu geraten.