javascript / beginner
Snippet
Abrufen entfernter HTTP-Daten mit der Async-Await-Syntax
Die `async`/`await`-Syntax ermöglicht es, nicht-blockierende asynchrone Operationen in einem klaren, linearen Ablauf zu schreiben. Die Prüfung von `response.ok` stellt sicher, dass HTTP-Fehlerstatus (wie 404 oder 500) ordnungsgemäß abgefangen und vor der Deserialisierung behandelt werden.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
async function fetchUserProfile(userId) {const response = await fetch(`https://api.example.com/users/${userId}`);if (!response.ok) {throw new Error(`HTTP error! Status: ${response.status}`);}const userData = await response.json();return userData;}
svelte
Erklärung
1
async function fetchUserProfile(userId) {
Definiert eine asynchrone Funktion, die implizit ein Promise zurückgibt.
2
const response = await fetch(`https://api.example.com/users/${userId}`);
Pausiert die Ausführung, bis die Netzwerkanfrage abgeschlossen ist und ein Response-Objekt liefert.
3
if (!response.ok) {
Überprüft, ob der HTTP-Statuscode im Erfolgsbereich von 200 bis 299 liegt.
4
throw new Error(`HTTP error! Status: ${response.status}`);
Wirft explizit einen Fehler, falls der Server einen Client- oder Serverfehlercode zurückgegeben hat.
5
}
Schließt die Statusprüfungsbedingung ab.
6
const userData = await response.json();
Wartet auf das Parsen des Response-Body-Streams in ein JavaScript-Objekt.
7
return userData;
Gibt das geparste Benutzerprofil-Objekt an den Aufrufer zurück.
8
}
Schließt den Rumpf der asynchronen Funktion ab.