Zum Inhalt springen

Promise

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Ein Promise ist ein Versprechen auf ein Ergebnis, das noch nicht da ist. Es ist die Grundlage für alles, was im Browser auf Antworten wartet.

Promise

Objekt, das für ein Ergebnis steht, das erst später vorliegt.
Beispiel: „Ein Promise ist ausstehend, erfüllt oder abgelehnt.“

Die Verkettung

fetch('/api/preise')
  .then((antwort) => antwort.json())
  .then((daten) => zeigen(daten))
  .catch((fehler) => melden(fehler));

Jedes then bekommt das Ergebnis des vorigen und gibt selbst wieder eines zurück. Ein Fehler irgendwo in der Kette springt zum nächsten catch, womit sich die Behandlung an einer Stelle bündeln lässt.

Mehrere auf einmal

Promise.all() wartet auf alle und bricht ab, sobald eines scheitert; Promise.allSettled() wartet auf alle und meldet jedes Ergebnis einzeln. Für mehrere unabhängige Abfragen ist das deutlich schneller als nacheinander.

Siehe auch:

async / await

Asynchroner Code, der sich wie gewöhnlicher liest.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Programmiersprachen

Fetch API

Die eingebaute Schnittstelle, um Daten zu holen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Asynchrone Programmierung

Arbeiten, die warten, blockieren nicht die Seite.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Programmiersprachen

Callback-Funktion

Eine Funktion, die einer anderen übergeben wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Programmiersprachen

Fehlerbehandlung in JavaScript (try/catch)

Fehler auffangen, statt die Seite anzuhalten.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Programmiersprachen