JavaScript 2 — Variablen & Datentypen

In dieser Lektion lernst du, wie JavaScript Daten speichert. Wir behandeln Variablen, Zuweisungen, die wichtigsten Datentypen und erklären, warum JavaScript sich hier bewusst anders verhält als viele klassische Sprachen.

1. Was ist eine Variable?

Definition.
Eine Variable ist ein benannter Speicherplatz, in dem ein Wert abgelegt wird, damit er später wiederverwendet oder verändert werden kann.

Eine Variable besteht konzeptionell aus: 

let age = 21;
let name = "Iman";
JavaScript ist dynamisch typisiert: Der Typ einer Variable wird nicht festgelegt, sondern ergibt sich aus dem gespeicherten Wert.

2. Variablen deklarieren: var, let, const

JavaScript kennt drei Schlüsselwörter zur Variablendeklaration: var, let und const.

2.1 var (historisch)

var x = 10;
var sollte heute nicht mehr verwendet werden. Es hat unerwartete Scoping-Regeln und führt häufig zu Fehlern.

2.2 let (veränderbare Variable)

let deklariert eine Variable, deren Wert später geändert werden darf. 
let counter = 0;
counter = counter + 1;

2.3 const (konstante Referenz)

const deklariert eine Variable, die nicht neu zugewiesen werden darf. 
const pi = 3.14159;
const bedeutet nicht, dass der Wert unveränderlich ist, sondern dass die Zuweisung nicht geändert werden darf.

3. Datentypen in JavaScript (Überblick)

JavaScript besitzt mehrere grundlegende Datentypen.
Es gibt weitere Typen (z. B. symbol, bigint), die wir später behandeln.

4. Zahlen (number)

Der Typ number repräsentiert sowohl Ganzzahlen als auch Fließkommazahlen. 
let a = 10;
let b = 3.5;
let c = a / b;

JavaScript unterscheidet intern nicht zwischen int und float.

Rechenungen mit Fließkommazahlen können Rundungsfehler enthalten (z. B. 0.1 + 0.2 !== 0.3).

5. Zeichenketten (string)

Ein string ist eine Folge von Zeichen. 
let firstName = "Iman";
let lastName = 'Gemaledin';

Strings können mit + verknüpft werden: 

let fullName = firstName + " " + lastName;

5.1 Template Strings

Template Strings verwenden Backticks (`) und erlauben Variablen-Einbettung. 
let age = 22;
let text = `Ich bin ${age} Jahre alt.`;
Template Strings sind der empfohlene Standard für moderne JavaScript-Projekte.

6. Boolean (true / false)

Der Typ boolean hat genau zwei Werte: true und false. 
let isLoggedIn = true;
let hasAccess = false;

Booleans werden hauptsächlich in Bedingungen verwendet.

7. undefined und null

undefined bedeutet: Es existiert keine Zuweisung.
null bedeutet: Der Wert wurde absichtlich auf „nichts“ gesetzt. 
let x;
console.log(x); // undefined

let y = null;
null ist ein häufiger Stolperstein, aber konzeptionell sehr wichtig.

8. typeof – Typen prüfen

Mit typeof kann der Datentyp eines Wertes abgefragt werden. 
typeof 42;          // "number"
typeof "Hallo";     // "string"
typeof true;        // "boolean"
typeof undefined;   // "undefined"
typeof null;        // "object" (historischer Bug)
Dass typeof null === "object" ist ein bekannter Designfehler in JavaScript.

9. Dynamische Typisierung

In JavaScript kann eine Variable ihren Typ während der Laufzeit ändern. 
let value = 10;
value = "jetzt ein String";
value = true;
Das ist mächtig, erfordert aber Disziplin und sauberes Denken.

10. Gute Praxis

Gut: 
const MAX_ATTEMPTS = 3;

11. Übungen

Übung 1.
Lege Variablen für Name, Alter und Studienfach an und gib einen vollständigen Satz in der Konsole aus.
Übung 2.
Berechne den Umfang und die Fläche eines Kreises mit einem konstanten Wert für π.
Übung 3.
Experimentiere mit typeof für verschiedene Werte (number, string, null, undefined).

12. Zusammenfassung

Wer Datentypen versteht, vermeidet die häufigsten JavaScript-Fehler.