Werte und console.log

console.log(2 + 3) gibt 5 aus, aber console.log("2 + 3") gibt 2 + 3 aus: Die Anführungszeichen entscheiden, ob JavaScript rechnet oder abschreibt.

Alles, womit ein Programm arbeitet, ist ein Wert

Ein Programm schiebt Daten hin und her: Preise, Namen, Punktestände, Antworten auf Ja-Nein-Fragen. Jedes einzelne Datenstück ist ein Wert. Die Zahl 42 ist ein Wert, der Text "Seoul" ist ein Wert, und die Antwort true auch. Jeder Wert hat einen Typ, der JavaScript sagt, was für ein Ding er ist und was man damit machen kann. Zwei Zahlen kann man multiplizieren, zwei Namen zu multiplizieren ergibt keinen Sinn. Deshalb muss JavaScript wissen, was was ist.

Die Grundtypen

JavaScript hat einen einzigen Zahlentyp für ganze Zahlen und Dezimalzahlen, 7 und 7.5 sind also beide numbers. Ein String ist eine Folge von Zeichen zwischen Anführungszeichen. Einfache und doppelte Anführungszeichen funktionieren beide, solange die beiden Enden zusammenpassen. Ein Boolean hat nur zwei mögliche Werte, true und false, geschrieben ohne Anführungszeichen. Die letzten beiden, undefined und null, bedeuten beide „hier ist nichts“, und du begegnest ihnen wieder, wenn eine Variable noch keinen Wert bekommen hat. Der ECMAScript-Standard definiert außerdem BigInt und Symbol, die dieser Kurs nicht braucht.

Anführungszeichen ändern den Typ

Der Wert 42 und der Wert "42" sehen ausgegeben gleich aus, haben aber verschiedene Typen. Der erste ist eine Zahl, mit der du rechnen kannst. Der zweite ist ein String aus den Zeichen 4 und 2. Der Operator typeof nennt dir den Typ jedes Werts und ist ein schneller Weg zu prüfen, was du gerade in der Hand hast:

console.log(typeof 42);       // number
console.log(typeof "42");     // string
console.log(typeof true);     // boolean
console.log(typeof "true");   // string

Dasselbe passiert bei Rechnungen. Ohne Anführungszeichen rechnet JavaScript zuerst den Ausdruck aus und gibt das Ergebnis aus. Mit Anführungszeichen sind die Zeichen Text und werden genau so ausgegeben, wie sie getippt wurden:

console.log(2 + 3);     // 5
console.log("2 + 3");   // 2 + 3

Ein Stück Code, das einen Wert ergibt, etwa 2 + 3 oder typeof 42, heißt Ausdruck. Immer wenn JavaScript auf einen Ausdruck trifft, wertet es ihn aus, das heißt, es rechnet ihn auf einen einzigen Wert herunter und verwendet dann diesen Wert. In console.log(2 + 3) wird der Ausdruck zu 5 ausgewertet, bevor console.log ihn überhaupt sieht.

Mehrere Werte auf einmal ausgeben

console.log nimmt mehr als einen Wert an. Trenn sie mit Kommas, und sie werden in einer Zeile ausgegeben, mit je einem Leerzeichen dazwischen:

console.log("Age:", 30);              // Age: 30
console.log("Sum:", 4 + 5, "units");  // Sum: 9 units

So beschriftest du deine Ausgabe beim Arbeiten am einfachsten. Werte mit einer Beschriftung auszugeben, wie oben "Sum:", ist die Art, wie Programmierer prüfen, was ein Programm bei jedem Schritt tut. Wenn sich etwas seltsam verhält, fügt man meist als Erstes ein console.log ein und schaut nach.

Durchgerechnete Beispiele

Beispiel 1. console.log(10 - 4) gibt 6 aus, weil der Ausdruck zuerst ausgewertet wird. Beispiel 2. console.log("10 - 4") gibt 10 - 4 aus, weil es ein String ist. Beispiel 3. console.log(typeof "") gibt string aus: Zwei Anführungszeichen ohne etwas dazwischen ergeben trotzdem einen String, den leeren String. Beispiel 4. console.log(typeof 3.0) gibt number aus. Für Dezimalzahlen gibt es keinen eigenen Typ.