Informatik Programmierung – Async und Promises

Registriert Callback-Funktionen für den Erfüllungsfall. Gibt ein neues Promise zurück, was Verkettung ermöglicht. Der Rückgabewert des Callbacks wird zum Wert des neuen Promises.

Ein .catch() am Ende der Kette fängt alle abgelehnten Promises und Fehler in vorherigen .then()-Callbacks auf. Fehlende .catch() führen zu Unhandled-Rejection-Warnungen.

Promise.all() wartet, bis alle Promises erfüllt sind (oder einer scheitert). Promise.race() löst sofort aus, sobald der erste Promise sich entscheidet – egal ob erfüllt oder abgelehnt.

Wenn du Ergebnisse aller Promises brauchst, egal ob erfüllt oder abgelehnt. Liefert Array mit Status-Objekten {status: 'fulfilled'|'rejected', value|reason} für jedes Promise.

Umhülle den Callback in new Promise((resolve, reject) => ...). Rufe resolve(result) bei Erfolg, reject(error) bei Fehler auf. Pattern nennt sich Promisification.

Pausiert die Funktionsausführung, bis das Promise sich entscheidet. Gibt den erfüllten Wert zurück oder wirft den Ablehnungsgrund. Blockiert nicht den Haupt-Thread.

Mit try/catch-Blöcken um await-Ausdrücke. catch fängt sowohl abgelehnte Promises als auch synchrone Fehler im try-Block. Ohne try/catch wird das äußere Promise abgelehnt.

Ohne return wird der Folge-Promise sofort mit undefined erfüllt. Die Kette läuft weiter, bevor die asynchrone Operation endet. Folge-Promises erhalten undefined statt des eigentlichen Werts.

Sequentiell: await promise1; await promise2 – wartet nacheinander. Parallel: const [r1, r2] = await Promise.all([p1, p2]) – startet beide gleichzeitig, nutzt Nebenläufigkeit.

Nach jedem Makrotask (z. B. Click-Handler) leert der Event-Loop die gesamte Microtask-Queue (.then()-Callbacks, queueMicrotask) bevor der nächste Makrotask oder Rendering folgt.

Entpackt Thenables (Objekte mit .then()-Methode) rekursiv, bis ein echter Wert oder Promise vorliegt. Ermöglicht Interoperabilität mit fremden Promise-Implementierungen.

Nur in ES-Modules (<script type="module">). Blockiert das Modul-Laden bis zur Auflösung. Nützlich für dynamische Imports oder Initialisierung vor Export.

Erstelle AbortController, übergebe signal an fetch({signal}). Rufe controller.abort() auf – löst DOMException (AbortError) im Promise aus. Funktioniert nur bei fetch, nicht bei generischen Promises.

Iteriert asynchron über Async Iterables (z. B. ReadableStream, Paginierte APIs). Wartet auf jedes next()-Promise, bevor der Schleifenkörper ausgeführt wird. Stoppt bei done: true.