Zum Inhalt springen

Asynchrone Programmierung

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Asynchrone Programmierung führt Arbeiten, die warten müssen, nebenher aus, ohne alles andere anzuhalten. Im Browser ist das der Normalfall.

Asynchrone Programmierung

Vorgehen, bei dem wartende Aufgaben den weiteren Ablauf nicht aufhalten.
Beispiel: „Asynchrone Programmierung ist im Browser der Normalfall.“

Ein Strang, viele Aufgaben

JavaScript führt im Browser nur eine Sache zur Zeit aus. Eine Netzwerkabfrage dauert aber hunderte Millisekunden. Würde der Strang währenddessen warten, reagierte die Seite nicht mehr auf Klicks.

Stattdessen übergibt der Browser die Aufgabe und arbeitet weiter. Ist das Ergebnis da, wird die zugehörige Funktion in die Warteschlange gestellt und ausgeführt, sobald der Strang frei ist.

Was daraus folgt

Code nach einer Abfrage läuft, bevor deren Ergebnis da ist. Wer das Ergebnis braucht, muss es im zugehörigen Promise oder mit await abholen. Und: Eine lange Rechenschleife blockiert weiterhin alles, denn der Strang ist beschäftigt.

Siehe auch:

Promise

Ein Versprechen auf ein Ergebnis, das noch aussteht.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Programmiersprachen

async / await

Asynchroner Code, der sich wie gewöhnlicher liest.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Programmiersprachen

Fetch API

Die eingebaute Schnittstelle, um Daten zu holen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Callback-Funktion

Eine Funktion, die einer anderen übergeben wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Programmiersprachen

Event (Ereignis)

Etwas, das passiert und auf das Code reagieren kann.

#Frontend-Entwicklung (HTML, CSS, JavaScript)