Zum Inhalt springen

Fehlerbehandlung in JavaScript (try/catch)

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

Die Fehlerbehandlung in JavaScript sorgt dafür, dass ein einzelner Fehler nicht die ganze Seite anhält. Dafür gibt es einen Block, der ihn abfängt.

Fehlerbehandlung in JavaScript (try/catch)

Konstrukt, das einen Fehler abfängt und den weiteren Ablauf bestimmt.
Beispiel: „Ein try/catch verhindert, dass ein Fehler das ganze Skript anhält.“

Warum es wichtig ist

Ein unbehandelter Fehler beendet die Ausführung des laufenden Skripts. Alles, was danach käme, passiert nicht, und zwar stumm: Der Besucher sieht eine Seite, auf der ein Teil nicht funktioniert, ohne Hinweis.

try {
  const daten = JSON.parse(text);
  zeigen(daten);
} catch (fehler) {
  console.error(fehler);
  hinweis_anzeigen('Die Daten konnten nicht geladen werden.');
}

Asynchrone Fehler

Ein try/catch fängt nur, was im selben Ablauf passiert. Fehler in einem Promise brauchen ein catch in der Kette oder stehen innerhalb einer async-Funktion. Dazu gehört immer eine Rückmeldung an den Besucher, nicht nur ein Eintrag im Protokoll.

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

Konsolenausgabe (console.log)

Der einfachste Blick in laufenden Code.

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

Fetch API

Die eingebaute Schnittstelle, um Daten zu holen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)