Was bedeutet und wie funktioniert "fetch then" in JavaScript?
- Was versteht man unter fetch?
- Welche Rolle spielt then?
- Wie funktioniert die Kombination fetch then zusammen?
- Beispielhafte Nutzung
- Fazit
In der modernen JavaScript-Programmierung ist der Umgang mit asynchronen Vorgängen essenziell. Die Kombination der Methoden fetch und then gehört zu den grundlegenden Werkzeugen, um HTTP-Anfragen zu stellen und die erhaltenen Daten weiterzuverarbeiten.
Was versteht man unter fetch?
fetch ist eine Web-API, die es ermöglicht, Netzwerkressourcen asynchron abzurufen. Mithilfe von fetch lassen sich HTTP-Anfragen wie GET oder POST einfach ausführen, ohne auf alte Methoden wie XMLHttpRequest zurückgreifen zu müssen. Der Aufruf von fetch liefert ein Promise zurück, welches später mit den Response-Daten aufgelöst wird.
Welche Rolle spielt then?
then ist eine Methode von JavaScript-Promises, die es erlaubt, Callback-Funktionen anzuhängen, die automatisch ausgeführt werden, sobald ein Promise erfolgreich erfüllt wird. Nach einem fetch-Aufruf wird mit then angegeben, was mit der Antwort geschehen soll.
Wie funktioniert die Kombination fetch then zusammen?
Da fetch ein Promise zurückgibt, kann man mit then darauf reagieren. Typischerweise wird zuerst fetch(url) aufgerufen, woraufhin das Promise bei Erfolg zu einem HTTP-Response-Objekt aufgelöst wird. Im Argument von then wird diese Antwort verarbeitet, häufig indem man response.json() oder response.text() ausführt, um die eigentlichen Daten zu extrahieren. Oftmals werden mehrere then-Aufrufe hintereinander verkettet, um erst die Response zu prüfen und anschließend die Daten weiterzuverarbeiten.
Beispielhafte Nutzung
Ein einfaches Beispiel sieht so aus: Man ruft fetch mit einer URL auf und erhält eine Response. Im ersten then wird die Response als JSON konvertiert, im zweiten then wird mit den Daten weitergearbeitet. Diese Ketten von then-Aufrufen ermöglichen einen klaren, leicht lesbaren Umgang mit asynchronen HTTP-Anfragen.
Fazit
Die Methoden fetch und then bilden zusammen eine moderne, elegante Art, asynchrone HTTP-Anfragen in JavaScript zu realisieren. fetch startet die Anfrage und liefert ein Promise zurück, während then das weitere Handling der Antwort ermöglicht. Das Verständnis dieses Zusammenspiels ist fundamental für die Webentwicklung mit JavaScript.