Fortgeschrittenes Thema

Asynchronität in JavaScript Einfach Erklärt

Eines der Themen, das Anfängern am meisten Angst macht — aber die zugrunde liegende Idee ist eigentlich recht intuitiv. Hier ist ein Überblick ohne Fachjargon.

⏳ Promise🔁 async/await🔄 Aktualisiert: 2026
🎓 Den kompletten Kurs auf Udemy holen ▶️ Kostenlos auf YouTube testen
Auf dieser Seite

Warum es asynchronen Code gibt

JavaScript führt Code Zeile für Zeile, in Reihenfolge, aus. Aber manche Operationen — wie Daten von einem Server abrufen — brauchen Zeit, und darauf zu warten, während die ganze Seite einfriert, wäre eine schlechte Nutzererfahrung.

Asynchroner Code lässt dich eine lange Operation starten, mit dem Rest des Codes weitermachen und das Ergebnis verarbeiten, wenn es fertig ist, ohne dass die Oberfläche „einfriert".

Promise: Ein Versprechen auf ein zukünftiges Ergebnis

Ein Promise ist ein Objekt, das das Ergebnis einer noch nicht abgeschlossenen Operation repräsentiert. Es hat drei Zustände: pending, fulfilled und rejected. Wenn die Operation fertig ist, „löst" sich das Promise mit einem Ergebnis oder Fehler auf.

async/await: Eine lesbarere Syntax

async/await ist eine Möglichkeit, mit Promises zu arbeiten, sodass sich der Code wie klassischer sequenzieller Code liest, statt verschachtelter Callbacks. Eine Funktion wird als `async` markiert, und darin „wartet" `await` auf ein Ergebnis, ohne den Rest der Seite zu blockieren.

Häufige Fragen

Wann sollte ich asynchrones JavaScript lernen?
Nachdem du dich mit den Grundlagen sicher fühlst — Funktionen, Objekte, Arrays. Es ist ein fortgeschritteneres Thema.
Was ist einfacher, Promise oder async/await?
async/await ist für Anfänger meist leichter zu lesen, weil es syntaktisch wie klassischer sequenzieller Code aussieht.

Wie geht's weiter

Lerne Asynchronität, ohne Schritte zu überspringen

Der JavaScript-Kurs erklärt auch komplizierte Themen wie Asynchronität mit klaren praktischen Beispielen.