Variablen und Datentypen in JavaScript

Jetzt legen wir die ersten Daten unseres Haushaltsbuchs an – dabei lernen wir, wie JavaScript Variablen deklariert und welche Datentypen es eingebaut mitbringt.

let, const und var

JavaScript kennt drei Schlüsselwörter zum Deklarieren von Variablen. Für neuen Code gilt eine klare Regel:

const – der STANDARD. Der Bezeichner kann nach der Zuweisung nicht neu zugewiesen werden. Verwenden Sie const IMMER, außer Sie wissen bereits, dass sich der Wert ändern muss.
let – nur wenn eine Neuzuweisung tatsächlich nötig ist (z. B. ein Zähler in einer Schleife).
var – die ALTE, vor 2015 einzige Form. Hat verwirrendes Function-Scope-Verhalten statt Block-Scope (Details in Kapitel 15) und sollte in neuem Code NICHT mehr verwendet werden.

const kontostand = 1500; // fest - kann nicht neu zugewiesen werden
let anzahlBuchungen = 0; // wird sich noch ändern

anzahlBuchungen = 1; // erlaubt, da 'let'
kontostand = 2000;    // Fehler: Assignment to constant variable.

Achtung: const macht den WERT nicht unveränderlich – nur die ZUWEISUNG selbst ist gesperrt. Ein mit const deklariertes Objekt oder Array lässt sich weiterhin intern verändern (dazu mehr in Kapitel 10 und 12).

Primitive Datentypen

JavaScript kennt sieben primitive (elementare, nicht weiter zerlegbare) Datentypen. Für den Alltag am wichtigsten sind die ersten drei:

string – Text, in einfachen, doppelten Anführungszeichen oder Backticks: 'Miete', "Miete", `Miete`.
number – JEDE Zahl, ob Ganzzahl oder Dezimalzahl – JavaScript kennt (anders als viele andere Sprachen) KEINEN separaten Integer-Typ: 42, -850, 19.99.
boolean – Wahrheitswert: true oder false.
undefined – der automatische Wert einer deklarierten, aber noch nicht zugewiesenen Variable.
null – ein bewusst gesetzter "kein Wert"-Zustand, im Unterschied zu undefined.
bigint – für ganze Zahlen jenseits der sicheren number-Grenze (123n), in der Praxis selten gebraucht.
symbol – eindeutige, nicht kollidierende Werte, meist für interne Objekt-Schlüssel, ebenfalls selten im Alltag.

Den Typ eines Werts prüfen: typeof

console.log(typeof 'Miete');    // 'string'
console.log(typeof 42);         // 'number'
console.log(typeof true);       // 'boolean'
console.log(typeof undefined);  // 'undefined'
console.log(typeof null);       // 'object' - ein historischer Bug, seit Jahrzehnten aus Kompatibilitätsgründen nicht behebbar!

Achtung: typeof null liefert 'object' zurück – das ist FALSCH, aber ein Bug aus JavaScripts erstem Release, der aus Abwärtskompatibilität niemals korrigiert wurde. Prüfen Sie null stattdessen immer explizit mit wert === null.

undefined vs. null: der Unterschied, der oft verwechselt wird

Wert	Bedeutung
undefined	Von JavaScript AUTOMATISCH gesetzt: eine deklarierte, nicht zugewiesene Variable, ein nicht existierender Objekt-Schlüssel, eine Funktion ohne `return`.
null	Von IHNEN bewusst gesetzt, um "absichtlich kein Wert" auszudrücken – z. B. eine Transaktion ohne zugewiesene Kategorie: `kategorie: null`.

Die erste Transaktion des Haushaltsbuchs

Mit diesem Grundwissen legen wir die erste Datenstruktur unseres Projekts an – eine einzelne Transaktion, zunächst als lose Variablen (in Kapitel 12 fassen wir das zu einem Objekt zusammen):

src/index.js

console.log('Haushaltsbuch-App gestartet');

const beschreibung = 'Gehalt Januar';
const betrag = 2400;
const istEinnahme = true;
const notiz = null; // noch keine Notiz hinterlegt

console.log(beschreibung, betrag, istEinnahme, notiz);
console.log(typeof beschreibung, typeof betrag, typeof istEinnahme);