TypeScript - let und const: Ein Anfängerleitfaden

Hallo da, zukünftiger Codingsuperstar! Heute tauchen wir in die aufregende Welt von TypeScript ein und erkunden zwei grundlegende Konzepte: let und const. Mach dir keine Sorgen, wenn du noch nie eine Zeile Code geschrieben hast – ich werde dein freundlicher Guide durch dieses Abenteuer sein.

TypeScript - let & const

Verständnis von Variablen: Die Bausteine der Programmierung

Bevor wir uns let und const zuwenden, lassen wir uns über Variablen unterhalten. Stell dir vor, du planst eine Geburtstagsfeier. Du musst Dinge wie die Anzahl der Gäste, den Geschmack des Kuchens und das Partythema im Auge behalten. In der Programmierung verwenden wir Variablen, um diese Art von Informationen zu speichern und zu verwalten.

Variablen sind wie beschriftete Kisten, in die wir verschiedene Arten von Daten legen können. Wir können den Inhalt dieser Kisten (den Wert der Variablen) ändern, während unser Programm läuft.

Nun lassen wir uns ansehen, wie TypeScript uns zwei besondere Möglichkeiten bietet, diese Kisten zu erstellen: let und const.

Deklaration einer Variablen mit dem Schlüsselwort let

Was ist let?

Das Schlüsselwort let wird verwendet, um Variablen zu deklarieren, die später im Code neu zugewiesen werden können. Es ist wie ein wiederverwendbarer Behälter, der im Laufe der Zeit verschiedene Werte aufnehmen kann.

Wie man let verwendet

Schauen wir uns einige Beispiele an:

let alter = 25;
console.log(alter); // Ausgabe: 25

alter = 26;
console.log(alter); // Ausgabe: 26

let name = "Alice";
console.log(name); // Ausgabe: Alice

name = "Bob";
console.log(name); // Ausgabe: Bob

In diesem Beispiel deklarieren wir zuerst eine Variable alter und setzen sie auf 25. Später ändern wir sie auf 26. Ähnlich deklarieren wir name als "Alice" und ändern sie dann zu "Bob". Das Schlüsselwort let ermöglicht es uns, diese Variablen neu zuzuweisen.

Block-Scope

Eine wichtige Eigenschaft von let ist der Block-Scope. Das bedeutet, dass eine mit let deklarierte Variable nur im Block zugänglich ist, in dem sie deklariert wurde. Ein Block wird typischerweise durch geschweifte Klammern {} definiert.

if (true) {
let geheimCode = 1234;
console.log(geheimCode); // Ausgabe: 1234
}
console.log(geheimCode); // Fehler: geheimCode ist nicht definiert

In diesem Beispiel ist geheimCode nur innerhalb des if-Blocks zugänglich. Der Versuch, ihn außerhalb zu verwenden, führt zu einem Fehler.

Deklaration einer Variablen mit dem Schlüsselwort const

Was ist const?

Das Schlüsselwort const wird verwendet, um Variablen zu deklarieren, die nach der Initialisierung nicht neu zugewiesen werden können. Denke daran als eine versiegelte Box – wenn du etwas hineingibst, kannst du es nicht mehr ändern.

Wie man const verwendet

Schauen wir uns einige Beispiele an:

const PI = 3.14159;
console.log(PI); // Ausgabe: 3.14159

PI = 3.14; // Fehler: Kann nicht zu 'PI' zugewiesen werden, da es eine Konstante ist.

const TAGE_IM_WOCHE = 7;
console.log(TAGE_IM_WOCHE); // Ausgabe: 7

In diesen Beispielen deklarieren wir Konstanten für PI und die Anzahl der Tage in einer Woche. Wenn wir versuchen, einen neuen Wert an PI zuweisen, wirft TypeScript einen Fehler.

const mit Objekten und Arrays

Es ist wichtig zu beachten, dass const die Neuzuweisung verhindert, aber nicht die Unveränderlichkeit des Wertes selbst macht. Dies ist besonders relevant für Objekte und Arrays:

const person = {
name: "Charlie",
alter: 30
};

person.alter = 31; // Dies ist erlaubt
console.log(person); // Ausgabe: { name: "Charlie", alter: 31 }

person = { name: "David", alter: 25 }; // Fehler: Kann nicht zu 'person' zugewiesen werden, da es eine Konstante ist.

In diesem Beispiel können wir die Eigenschaften des person-Objekts ändern, aber wir können person nicht einem helt neuen Objekt zuweisen.

Wann man let vs const verwendet

Hier ist eine kurze Anleitung, wann man welches Schlüsselwort verwendet:

Schlüsselwort Verwendungszweck
let Wenn du die Variable später neu zuweisen möchtest
Für Schleifenzähler
Wenn der Wert basierend auf Bedingungen ändern könnte
const Für Werte, die nicht neu zugewiesen werden sollen
Für das Deklarieren von Konstanten (wie PI)
Für Objekt- und Array-Referenzen, die nicht neu zugewiesen werden

Best Practices und Tipps

  1. Verwende standardmäßig const: Fang mit const für alle deine Variablen an. Wechsle nur zu let, wenn du feststellst, dass du die Variable neu zuweisen musst.

  2. Verwende sprechende Namen: Verwende klare, sprechende Namen für deine Variablen. Zum Beispiel ist benutzerAlter besser als nur a.

  3. Großschreibung für Konstanten: Für wahre Konstanten (wie PI), verwende große Buchstaben mit Unterstrichen: const MAX_ARRAY_LENGTH = 100;.

  4. Sei konsistent: Wenn du in einem Team arbeitest, befolge die Konventionen des Teams für die Verwendung von let und const.

Schlussfolgerung

Glückwunsch! Du hast gerade deine ersten Schritte in die Welt der TypeScript-Variablen unternommen. Denke daran, let ist dein flexibler Freund, der Neuzuweisungen ermöglicht, während const dein verlässlicher Begleiter für Werte ist, die nicht geändert werden sollten.

Während du deine Coding-Reise fortsetzt, wirst du diese Schlüsselwörter ständig verwenden. Mach dir keine Sorgen, wenn es am Anfang etwas verwirrend ist – mit Übung wird es zur zweiten Natur.

Weiter codieren, bleib neugierig und erinnere dich daran: Jeder Experte war einmal ein Anfänger. Frohes TypeScripten!

Credits: Image by storyset