Was ist ein Promise in JavaScript und wie versteht man das Wesentliche schnell?

1. Sie senden eine Anfrage (zum Beispiel an den Server) und erhalten ein Versprechen (Promise), dass die Antwort später kommt.
2. JavaScript stoppt die Ausführung des Codes nicht – es führt weiterhin andere Aufgaben aus.
3. Wenn das Ergebnis bereit ist, informiert das Promise darüber, und Sie können es verarbeiten.

Ein einfaches Beispiel für ein Promise

function makeCoffee() {
  return new Promise((resolve) => {
    console.log("Bestellung angenommen...");
    setTimeout(() => {
      resolve("☕ Fertig! Hier ist Ihr Kaffee.");
    }, 2000);
  });
}

console.log("Ich blättere gerade durch mein Telefon...");
makeCoffee().then((message) => console.log(message));

Zuerst wird console.log("Ich blättere gerade durch mein Telefon...") ausgeführt, da das Promise den Code nicht blockiert.

Dann erscheint nach 2 Sekunden "☕ Fertig! Hier ist Ihr Kaffee.", wenn das Promise abgeschlossen ist.

function makeCoffee() {
  return new Promise((resolve, reject) => {
    const coffeeReady = Math.random() > 0.5; // zufälliger Erfolg oder Misserfolg

    console.log("Bestellung angenommen...");
    setTimeout(() => {
      if (coffeeReady) {
        resolve("☕ Fertig! Hier ist Ihr Kaffee.");
      } else {
        reject("❌ Entschuldigung, der Kaffee ist ausgegangen.");
      }
    }, 2000);
  });
}

makeCoffee()
  .then((message) => console.log(message))
  .catch((error) => console.log(error));

Es ist wie im echten Leben: Wenn kein Kaffee mehr da ist, entschuldigt sich der Barista, und Sie erhalten eine Fehlermeldung.

Wie schnell verstehen?