Dokumentation
JavaScript

JavaScript Kontrollfluss

if, else, else if, switch, ternary operator und Entscheidungssituationen.

JavaScript Kontrollfluss

if, else, else if, switch, ternary operator und Entscheidungssituationen. Diese Seite ist als Lernunterlage, Nachschlagewerk und Prüfungsvorbereitung für die CAP-Ausbildung gedacht.

Lernziele

  • Bedingungen mit if und else schreiben
  • switch für klare Fallunterscheidungen nutzen
  • ternäre Ausdrücke sparsam einsetzen

Erklärung

Kontrollfluss entscheidet, welcher Code ausgeführt wird. if eignet sich für allgemeine Bedingungen. else if prüft weitere Fälle. switch ist gut, wenn ein Wert mit mehreren festen Fällen verglichen wird.

Der ternäre Operator ist kompakt, sollte aber nur für einfache Wertentscheidungen verwendet werden.

Beispiele

if (score >= 90) {
  grade = "Sehr gut";
} else if (score >= 75) {
  grade = "Gut";
} else {
  grade = "Üben";
}

Die Reihenfolge ist wichtig: stärkere Bedingungen stehen zuerst.

const label = isOnline ? "Online" : "Offline";

Der ternäre Operator setzt hier einen einfachen Textwert.

Typische Fehler

  • Bedingungen in falscher Reihenfolge prüfen.
  • Ternäre Ausdrücke verschachteln und unlesbar machen.
  • switch ohne break versehentlich durchlaufen lassen.

Best Practices

  • Halte Bedingungen lesbar und benenne Zwischenwerte.
  • Behandle auch den Fehler- oder Standardfall.
  • Schreibe komplexe Entscheidungen lieber als klare if-Blöcke.

Kleine Übung

Baue eine Entscheidung, die je nach Punktestand eine Rückmeldung für eine Prüfung ausgibt.

Zusammenfassung

JavaScript ergänzt Webseiten um Verhalten. Robuster Code arbeitet mit klaren Daten, kleinen Funktionen, sicheren DOM-Operationen, guter Fehlerbehandlung und nachvollziehbarer Struktur.

Weiterführende Seiten

Zuletzt aktualisiert: 7. Juni 2026

Funktionen

Function Declaration, Function Expression, Arrow Functions, Parameter, return und Scope.

Modules

import, export, Dateistruktur und moderne Projektorganisation.