JavaScript-Kommentare
Sie können Anweisungen schreiben und Werte mit sorgfältiger Syntax setzen. Diese Lektion fügt etwas hinzu, das die Engine überspringt: Kommentare — Notizen für Sie und andere Menschen, die den Code lesen.
Was sind JavaScript-Kommentare und wie schreibt man sie?
Ein Kommentar ist Text, den die JavaScript-Engine ignoriert. Er ändert nicht, was das Programm tut. Nutzen Sie // für eine Notiz bis zum Zeilenende, oder /* … */ für eine Notiz über eine oder mehrere Zeilen. Kommentare erklären warum, lassen Erinnerungen oder schalten vorübergehend eine Zeile beim Testen aus.
Kommentarformen auf einen Blick
📊 Wie Einsteiger Kommentare nutzen sollten
| Form | Beispiel | Wann nutzen |
|---|---|---|
Einzeilig // |
// Willkommensmeldung zeigen |
Kurze Notiz über der Zeile oder am Zeilenende |
Mehrzeilig /* */ |
/* mehrere Zeilen Notizen */ |
Längere Erklärung oder mehrere Zeilen auf einmal |
| Nach dem Code | console.log(x); // Temp-Check |
Kleine Erinnerung neben einer Anweisung |
| Zeile deaktivieren | // console.log(x); |
Anweisung vorübergehend stoppen, ohne sie zu löschen |
| Nicht für die Engine | (jeder Kommentar) | Besucher „führen“ Kommentare nicht aus — nur Menschen lesen sie |
Einzeilige Kommentare mit //
Alles von // bis zum Zeilenende ist Kommentar. Code vor // in derselben Zeile läuft weiter.
console.log("Hello"); // Begrüßung in der Console
console.log(42); // ein Zahlenliteral
Sie können // auch allein in einer eigenen Zeile setzen, über der beschriebenen Anweisung.
// Kurze Statusmeldung ausgeben
console.log("Ready");
Mehrzeilige Kommentare mit / /
Beginnen Sie mit /* und enden Sie mit */. Alles dazwischen wird ignoriert — auch über mehrere Zeilen.
/*
Demo: den Besucher einmal begrüßen.
Für Einsteiger kurz halten.
*/
console.log("Welcome");
Code vorübergehend ausschalten
Eine Zeile auszukommentieren ist eine übliche Debug-Gewohnheit: Der Code bleibt in der Datei, läuft aber nicht, bis Sie den Kommentar entfernen.
console.log("This runs");
// console.log("This stays quiet");
console.log("This also runs");
Nur die mittlere Zeile ist still. Entfernen Sie //, wenn Sie den Log wieder wollen.
Kommentare neben Seitenupdates
Ein kurzer Warum-Kommentar hilft dem späteren Ich, wenn eine Anweisung die Seite aktualisiert. Der Kommentar selbst erscheint nie auf der Seite.
<!DOCTYPE html>
<html>
<head>
<title>Comments — Page note</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
// Klaren Status zeigen, sobald das Skript läuft
document.getElementById("msg").textContent = "Comments help humans";
</script>
</body>
</html>
Der Überschriftentext kommt vom Zeichenkettenliteral. Die //-Zeile ist nur für Leser des Quelltexts.
Selbst ausprobieren
- Fügen Sie eine
//-Notiz über einemconsole.logund eine weitere am Ende derselben Zeile hinzu; führen Sie aus und prüfen Sie, dass die Logs erscheinen. - Packen Sie eine zweizeilige Erklärung in
/* */über einem Log; ändern Sie den Kommentartext — die Ausgabe bleibt gleich. - Kommentieren Sie eine von drei
console.log-Zeilen mit//aus, führen Sie aus, stellen Sie sie dann wieder her. - Öffnen Sie die HTML-Demo; ändern Sie nur den Kommentarwortlaut; aktualisieren Sie und prüfen Sie, dass der Überschriftentext gleich bleibt.
- Schreiben Sie einen Kommentar, der warum sagt (z. B. „temporärer Check“) statt den Code wortwörtlich zu wiederholen.
Häufige Fehler
- Schließendes
*/nach/*vergessen — späterer Code kann im Kommentar verschwinden - Erwarten, dass
//in die nächste Zeile weiterläuft (endet am Zeilenende) /* … /* … */ … */unvorsichtig schachteln — Mehrzeilenkommentare verschachteln nicht sicher- Kommentare, die nur den Code wiederholen statt eines nützlichen Warum
- Verwechslung mit Syntax (Literale und Namen) oder Erwartung der Variablen-Lektion — Kommentare sind Notizen, kein Speicher
Kurzfassung
- Kommentare sind für Menschen; die Engine ignoriert sie
//deckt den Rest einer Zeile ab/* */kann eine oder viele Zeilen abdecken- Nutzen Sie Kommentare für Warum, Erinnerungen und vorübergehendes Deaktivieren — nicht für Lärm
- Als Nächstes: Variablen — Namen, die Werte halten, die Sie wiederverwenden
🧠 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