JavaScript
Async
Asynchroner Code wartet nicht: Daten laden, ohne die Seite einzufrieren. Promises und async/await machen das lesbar.
Promises
Ein Promise ist ein Platzhalter für einen Wert, der später ankommt — oder für einen Fehler.
then verarbeitet das Ergebnis, catch den Fehler. Promises lassen sich verketten.
<Promise><then()><catch()>
fetch
fetch lädt Daten von einem Server und liefert ein Promise auf die Antwort.
response.json() parst den Body — ebenfalls asynchron.
<fetch>
Daten laden
const response = await fetch('/api/status');
const data = await response.json();
console.log(data.status);async / await
async markiert eine Funktion als asynchron, await pausiert bis ein Promise fertig ist.
Fehler werden mit try/catch behandelt — wie bei synchronem Code.
<async / await><try / catch>
Mit Fehlerbehandlung
async function ladeProfil() {
try {
const response = await fetch('/api/profil');
if (!response.ok) throw new Error('Serverfehler');
return await response.json();
} catch (error) {
console.error('Laden fehlgeschlagen:', error);
return null;
}
}Fortschritt
Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.