Lädt...

JavaScript-Syntax

Sie wissen schon: Eine Anweisung ist ein vollständiger Auftrag und endet in diesem Kurs oft mit einem Semikolon. Jetzt schauen wir hinein: Syntax — die Regeln, wie Werte und Namen geschrieben werden, damit der Browser den Code akzeptiert.

Was ist JavaScript-Syntax und welche Teile schreiben Anfänger zuerst?

Syntax ist das Regelwerk für gültiges JavaScript. Am Anfang schreiben Sie vor allem Literale (feste Werte: Zahlen und Text in Anführungszeichen), Bezeichner (Namen, die Sie wählen) und Ausdrücke (kleine Rezepte, die einen Wert erzeugen und in einer Anweisung stehen). JavaScript ist case-sensitive: score und Score sind verschiedene Namen. Öffnende und schließende Anführungszeichen einer Zeichenkette müssen zusammenpassen.

Syntax-Bausteine auf einen Blick

📊 Syntax-Teile, die Anfänger zuerst treffen

Teil Beispiel Bedeutung für Sie
Literal 42 oder "Hi" Ein Wert, der direkt im Code steht
Anführungszeichen "Hello" oder 'Hi' Markieren Text; Öffnen und Schließen müssen passen
Bezeichner userName Ein Name, den Sie erfinden (Buchstaben, Ziffern, _, $; nicht mit Ziffer beginnen)
Groß-/Kleinschreibung total ≠ Total Gleiche Buchstaben, andere Größe → andere Namen
Ausdruck 2 + 3 oder "A" + "B" Erzeugt einen Wert für eine Anweisung
Anweisung (Kurz) console.log(2 + 3); Ein vollständiger Auftrag, der diese Teile nutzt

Literale — Werte direkt geschrieben

Ein Literal tippen Sie direkt. Zahlen brauchen keine Anführungszeichen. Text (eine Zeichenkette) steht zwischen passenden einfachen oder doppelten Anführungszeichen.

Zahlen- und Zeichenkettenliterale

javascript 
console.log(42);
console.log("Hello");
console.log('Also a string');

Gute Gewohnheiten bei Literalen

  • Zahlen: Ziffern schreiben (bei Bedarf mit Dezimalpunkt)
  • Zeichenketten: " oder ' wählen und mit derselben Art schließen
  • Gewöhnliche Zahlen nicht in Anführungszeichen setzen, außer Sie wollen wirklich Text

Bezeichner — Namen, die Sie erfinden

Ein Bezeichner ist ein Name für etwas im Programm. Bei Variablen nutzen Sie ihn intensiv. Jetzt die Schreibregeln: Beginnen mit Buchstabe, _ oder $; danach Buchstaben, Ziffern, _ oder $. Keine Leerzeichen und keine Bindestriche im Namen.

Bezeichner mit Literalen

javascript 
let city = "Tehran";
let year = 2026;
console.log(city);
console.log(year);

let führt einen Namen ein. Rechts stehen Literale; city und year sind Bezeichner. Tiefe Regeln zum Deklarieren folgen in der Variablen-Sitzung — hier geht es um wie Namen geschrieben werden.

Groß- und Kleinschreibung

JavaScript wertet Großbuchstaben. color und Color sind zwei verschiedene Bezeichner. Typischer Anfängerfehler: Der Code „sieht richtig aus“, aber der Name existiert nicht.

Gleiche Buchstaben, andere Namen

javascript 
let color = "teal";
console.log(color);
// console.log(Color);  // Fehler, wenn Color nie erzeugt wurde

Ausdrücke in Anweisungen

Ein Ausdruck erzeugt einen Wert. Eine Anweisung ist der volle Auftrag, der etwas mit diesem Wert tut (zum Beispiel ihn protokolliert). Anweisungen kennen Sie schon; Syntax benennt die Teile darin.

Ausdrücke in Anweisungen

javascript 
console.log(2 + 3);
console.log("Hello" + " " + "world");
console.log(10 * 4);

2 + 3 ist ein Ausdruck (Wert 5). console.log(2 + 3); ist die Anweisung, die ihn ausgibt. Operatoren wie + und * bekommen eigene Sitzungen; hier reicht: Ausdrücke leben in Anweisungen.

Literale auf der Seite

Besucher sehen Werte, wenn eine Anweisung die Seite aktualisiert. Die zugewiesene Zeichenkette bleibt ein Literal — Syntax und Ausgabe arbeiten zusammen.

Zeichenkettenliteral aktualisiert eine Überschrift

html 
<!DOCTYPE html>
<html>
<head>
<title>Syntax — Literal on page</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
document.getElementById("msg").textContent = "Syntax works";
</script>
</body>
</html>

Die Zuweisung endet mit Semikolon. Rechts steht das Zeichenkettenliteral "Syntax works". Falsche Anführungszeichen oder ein falsch geschriebenes getElementById brechen Syntax oder Namenssuche.

Selbst ausprobieren

  1. Loggen Sie ein Zahlen- und ein Zeichenkettenliteral; ändern Sie beide und führen Sie erneut aus.
  2. Schreiben Sie let label = "OK";, loggen Sie es, benennen Sie den Bezeichner an beiden Stellen um.
  3. Ändern Sie nur an einer Stelle label zu Label und prüfen Sie die Console-Meldung; korrigieren Sie die Schreibweise.
  4. Loggen Sie "Hi" + "!" und 7 - 2; jeder Ausdruck sitzt in einer Anweisung.
  5. Öffnen Sie das HTML-Demo; ändern Sie die Zeichenkette bei textContent und laden Sie neu.

Häufige Fehler

  • Zeichenkette ohne passendes schließendes Anführungszeichen
  • Annehmen, score und Score seien derselbe Name
  • Bezeichner mit Ziffer beginnen (1name) oder Leerzeichen im Namen
  • Verwechslung mit Anweisungen: Reihenfolge und { }-Blöcke waren die letzte Sitzung; hier geht es um Werte und Namen
  • Die komplette Variablen-Lektion erwarten — let zeigt hier nur echte Bezeichner

Zusammenfassung

  • Syntax ist das Regelwerk für gültiges JavaScript
  • Literale sind direkt geschriebene Werte (Zahlen; Zeichenketten in Anführungszeichen)
  • Bezeichner sind Namen; Schreibweise und Groß-/Kleinschreibung zählen
  • Ausdrücke erzeugen Werte; Anweisungen nutzen sie
  • Als Nächstes: Comments — Notizen für Menschen, die die Engine ignoriert

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓
6
Fragen
🎯
70%
Zum Bestehen
♾️
∞
Zeit
🔄
∞
Versuche

📝 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
Thema 5 von 6
Javascript Tutorial