JavaScript-Anweisungen
Sie können Ergebnisse bereits auf die Seite, in einen Dialog oder nur in die Console schicken. Jetzt schauen wir auf die Arbeitseinheiten in einem Skript: Anweisungen (statements). Jede Anweisung ist ein vollständiger Auftrag. Mehrere Anweisungen laufen von oben nach unten — bis Sie später Steuerungsstrukturen kennenlernen, die den Pfad ändern.
Was ist eine JavaScript-Anweisung und wie schreibt man mehrere?
Eine Anweisung ist ein vollständiger Auftrag, den der Browser ausführt — zum Beispiel einen Wert loggen oder ein Element aktualisieren. In diesem Kurs beenden Sie jede Anweisung mit einem Semikolon (;). Schreiben Sie Anweisungen in der Reihenfolge, in der sie laufen sollen. Leerzeichen und Zeilenumbrüche sind für Menschen; sie ändern die Bedeutung nicht, wenn die Anweisungen klar bleiben. Wenn mehrere Anweisungen zusammengehören, packen Sie sie in geschweifte Klammern { } — diese Gruppe ist ein Codeblock.
Anweisungsregeln auf einen Blick
📊 Wie Anfänger Anweisungen denken sollten
| Idee | Was das für Sie bedeutet |
|---|---|
| Eine Anweisung | Ein vollständiger Auftrag (dann ; in diesem Kurs) |
| Semikolon | Beendet die Anweisung — machen Sie es zur Gewohnheit |
| Reihenfolge | Von oben nach unten: frühere Zeilen enden zuerst |
| Whitespace | Leerzeichen und Leerzeilen helfen beim Lesen; sie sind keine „Extra-Syntax“ |
| Zeilenumbruch | Sie dürfen eine lange Anweisung umbrechen, wenn sie klar bleibt |
Codeblock { } |
Eine Gruppe von Anweisungen als Einheit (sehen Sie oft) |
Eine Anweisung
Beginnen Sie mit einem Auftrag. Das Semikolon schließt ihn. Die Console zeigt das Ergebnis für Sie — Besucher brauchen weiterhin ein Seiten-Update, wenn das das Ziel ist (vorherige Sitzung).
console.log("One statement");
Gute Gewohnheiten
- Bevorzugen Sie eine klare Aufgabe pro Anweisung, während Sie lernen
- Setzen Sie
;am Ende, auch wenn die Engine manchmal rät - Lesen Sie die Zeile laut: Ist es noch kein vollständiger Auftrag, sind Sie nicht fertig
Mehrere Anweisungen — die Reihenfolge zählt
Die Engine führt Anweisungen der Reihe nach aus. Das erste console.log endet, bevor das zweite startet. Tauschen Sie die Zeilen — die Console-Reihenfolge tauscht mit.
console.log("First");
console.log("Second");
console.log("Third");
Auf der Seite gilt dieselbe Regel: Eine frühere Anweisung, die Text setzt, läuft vor einer späteren, die ihn wieder ändert. Reihenfolge ist Teil der Bedeutung.
Mehr als eine Anweisung in einer Zeile
Sie können zwei kurze Anweisungen in eine Zeile setzen, wenn jede ihr Semikolon hat. Lesbare Dateien behalten meist eine Anweisung pro Zeile. Nutzen Sie eine gemeinsame Zeile nur, wenn beide Schritte winzig und wirklich zusammengehören.
console.log("A"); console.log("B");
Leerzeichen und Zeilenumbrüche
Zusätzliche Leerzeichen und Leerzeilen erzeugen keine neuen Anweisungen. Eine lange Anweisung über mehrere Zeilen ist in Ordnung, wenn die Teile weiterhin ein klarer Auftrag bleiben. „Reparieren“ Sie einen Fehler nicht, indem Sie jedes Leerzeichen löschen — beheben Sie die Logik oder das fehlende Semikolon.
console.log(
"Still one statement"
);
console.log("Next statement");
Codeblöcke — Anweisungen in Klammern
Geschweifte Klammern { } sammeln Anweisungen zu einem Block. Sie treffen Blöcke bald in Funktionen, if-Tests und Schleifen. Vorerst: Ein Block heißt „diese Anweisungen gehören zusammen“.
<!DOCTYPE html>
<html>
<head>
<title>Statements — Block</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
{
document.getElementById("msg").textContent = "Step one";
document.getElementById("msg").textContent = "Step two — last wins";
}
</script>
</body>
</html>
Beide Anweisungen in den Klammern laufen der Reihe nach. Die Überschrift endet bei „Step two — last wins“, weil diese Zuweisung zuletzt kommt. Die Klammern ändern die Regel oben→unten nicht; sie gruppieren die Arbeit nur.
Selbst ausprobieren
- Führen Sie die drei
console.log-Zeilen aus; tauschen Sie dann die erste und letzte und prüfen Sie die Console-Reihenfolge. - Setzen Sie zwei kurze Logs mit zwei Semikolons in eine Zeile; teilen Sie sie danach wieder für die Lesbarkeit.
- Brechen Sie einen String-Log wie im Whitespace-Beispiel um — eine Anweisung bleibt.
- Öffnen Sie die HTML-Block-Demo; ändern Sie den zweiten Zuweisungsstring und laden Sie neu.
- Optional: Entfernen Sie absichtlich ein Semikolon, notieren Sie die Console-Meldung, setzen Sie es zurück.
Häufige Fehler
- Leerzeichen oder Leerzeilen für das Programm halten (sie formen nur das Lesen)
- Annehmen, spätere Zeilen liefen vor früheren
- Semikolons weglassen „weil es einmal ging“, dann an verwirrende automatische Einfügung geraten
- Diese Sitzung mit Ausgabe verwechseln: Anweisungen sind Aufträge; Ausgabe war wo das Ergebnis erscheint
- Schon Syntax (nächste Sitzung) erwarten — Literale, Bezeichner und Groß-/Kleinschreibung kommen dort
Kurzfassung
- Eine Anweisung ist ein vollständiger Auftrag
- Beenden Sie Anweisungen in diesem Kurs mit
; - Mehrere Anweisungen laufen von oben nach unten
- Whitespace und Zeilenumbrüche helfen Menschen; sie erfinden keine neuen Anweisungen
{ }gruppiert Anweisungen zu einem Codeblock- Als Nächstes: Syntax — wie Werte und Namen in diesen Anweisungen geschrieben werden
🧠 Testen Sie Ihr Wissen
Testen Sie Ihr Wissen
Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen
📝 Anweisungen
- Lesen Sie jede Frage sorgfältig
- Wählen Sie die beste Antwort für jede Frage
- Sie können das Quiz so oft wiederholen, wie Sie möchten
- Ihr Fortschritt wird oben angezeigt