JavaScript-Variablen und Datentypen: var, let und const

In diesem Kapitel geht es um die Grundlagen von Variablen und Datentypen in JavaScript. Du siehst, wie du eine Variable deklarierst und einsetzt, welche Datentypen zur Verfügung stehen und wie du damit arbeitest. Ohne diese Grundlagen lässt sich kein effizienter und wartbarer JavaScript-Code schreiben.

Variablen in JavaScript deklarieren

Eine Variable ist in JavaScript ein Behälter, der einen Wert aufnimmt. Deklariert wird sie mit dieser Syntax:

let maVariable;

Damit ist eine Variable namens „maVariable“ deklariert, die noch keinen Wert hat. Du kannst einer Variablen bei der Deklaration auch gleich einen Anfangswert geben, über den Zuweisungsoperator (=):

let maVariable = 5;

Für die Deklaration von Variablen kennt JavaScript drei Schlüsselwörter: var, let und const. Das Schlüsselwort var ist das älteste und wird seit den Anfängen von JavaScript verwendet. let kam mit ECMAScript 6 (ES6) dazu und ist heute der empfohlene Standard für die Deklaration von Variablen. const, ebenfalls aus ES6, ist für Variablen gedacht, die nach ihrer ersten Zuweisung nicht mehr neu belegt werden können.

Es ist wichtig, das passende Schlüsselwort je nach geplanter Verwendung der Variablen zu wählen. Wenn Sie der Variablen einen neuen Wert zuweisen wollen (zum Beispiel hoch- oder herunterzählen), verwenden Sie das Schlüsselwort let. Soll die Variable einen konstanten, nicht veränderbaren Wert haben, verwenden Sie das Schlüsselwort const. Das Schlüsselwort var dagegen ignoriert den Blockbereich: Eine mit var in einem if oder einer Schleife deklarierte Variable bleibt in der gesamten umgebenden Funktion sichtbar, oder im ganzen Skript, wenn sie außerhalb einer Funktion deklariert wird. Das ist eine Quelle schwer auffindbarer Fehler: Reservieren Sie es für alten Code.

Datentypen in JavaScript

In JavaScript stehen dir für deine Variablen mehrere Datentypen zur Verfügung:

• Zahlen: JavaScript kennt für Zahlen nur einen einzigen Datentyp, der sowohl ganze Zahlen als auch Gleitkommazahlen abdeckt. Eine Variable mit einer Zahl deklarierst du mit dieser Syntax:

let maVariable = 5;

• Zeichenketten: eine Zeichenkette ist eine Folge von Zeichen zwischen Anführungszeichen. Du kannst einfache oder doppelte Anführungszeichen verwenden, empfohlen sind aber einfache, um Verwechslungen mit Apostrophen zu vermeiden. Eine Variable mit einer Zeichenkette deklarierst du mit dieser Syntax:

let maChaine = 'Ma variable est une chaine de caractères';

let maChaine = 'Chaque matin, j\'écoute la radio';
// oder, lesbarer: doppelte Anführungszeichen
let maChaine2 = "Chaque matin, j'écoute la radio";

• Booleans: ein Boolean ist ein Datentyp, der nur zwei Werte kennt, wahr oder falsch. Eine boolesche Variable deklarierst du mit dieser Syntax:

let estVrai = true;

• Null und undefined: das Schlüsselwort null steht für einen absichtlich leeren Wert, undefined für einen nicht definierten Wert. Beide zeigen meist an, dass eine Variable noch nicht initialisiert wurde oder keinen gültigen Wert hat. Eine Variable mit dem Wert null oder undefined deklarierst du mit dieser Syntax:

let maVariable = null;
let monAutreVariable = undefined;

Globale und lokale Variablen

Eine Variable, die in JavaScript außerhalb jeder Funktion deklariert wird, heißt globale Variable und ist von überall im Code aus erreichbar. Eine Variable, die innerhalb einer Funktion deklariert wird, heißt lokale Variable und ist nur in dieser Funktion erreichbar.

// Globale Variable
var globalVariable = "Je suis une variable globale";

function myFunction() {
  // Lokale Variable
  var localVariable = "Je suis une variable locale";

console.log(globalVariable); // gibt "Je suis une variable globale" aus
  console.log(localVariable); // gibt "Je suis une variable locale" aus
}

console.log(globalVariable); // gibt "Je suis une variable globale" aus
console.log(localVariable); // Fehler, weil die Variable außerhalb der Funktion nicht erreichbar ist

Fazit

Dieses Kapitel hat gezeigt, wie du in JavaScript Variablen deklarierst und einsetzt, welche Datentypen es gibt und wie du damit arbeitest. Dazu kamen die Unterschiede zwischen den Schlüsselwörtern var, let und const sowie die Begriffe globale und lokale Variablen. Mit diesen Grundlagen setzt du Variablen in deinen JavaScript-Projekten gezielt ein.