Asynchron: Callbacks und Promises

JavaScript führt Code nacheinander in einem einzigen Ablauf aus. Aufgaben, die dauern (Netzwerk, Timer, Dateien), blockieren diesen Ablauf nicht: Du gibst an, was danach passieren soll, und das Programm macht in der Zwischenzeit weiter.

Timer und Callbacks

Ein Callback ist eine Funktion, die später aufgerufen wird:

1: Start
2: Ende des Skripts
2b: nach 0 ms (trotzdem später!)
3: nach 100 ms

Selbst bei 0 ms läuft der Callback erst, nachdem der aktuelle Code fertig ist.

Callback-Hölle

Mehrere abhängige Schritte mit Callbacks werden schnell unleserlich:

A
B
C
fertig

Promises

Ein Promise ist ein Versprechen auf ein späteres Ergebnis. Es hat drei Zustände:

Fehler: kein Wert
erhalten: Hallo
verkettet: HALLO
aufgeräumt

• resolve(wert) meldet Erfolg, reject(fehler) meldet Misserfolg
• .then() verarbeitet das Ergebnis und liefert wieder ein Promise (daher verkettbar)
• .catch() fängt Fehler aus allen Schritten davor
• .finally() läuft immer

Mehrere Promises kombinieren

allSettled: [ 'fulfilled', 'rejected' ]
race: schnell
any: klappt
all: [ 'a', 'b', 'c' ]

Fertige Promises

synchron zuerst
42
nein
Microtask

Promises und die Reihenfolge

Promise-Callbacks laufen als Microtasks, noch vor Timer-Callbacks (Macrotasks), aber nach dem aktuellen Code:

setTimeout(() => console.log("Timer"), 0);
Promise.resolve().then(() => console.log("Promise"));
console.log("synchron");

synchron
Promise
Timer

Callback-APIs in Promises verpacken

const { promisify } = require("node:util");
const fs = require("node:fs");
// Alte Callback-Funktion in ein Promise verwandeln
const lesen = promisify(fs.readFile);
lesen(__filename, "utf8").then(t => console.log("gelesen:", t.length > 0));

gelesen: true