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.
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
-
Verwende standardmäßig
const
: Fang mitconst
für alle deine Variablen an. Wechsle nur zulet
, wenn du feststellst, dass du die Variable neu zuweisen musst. -
Verwende sprechende Namen: Verwende klare, sprechende Namen für deine Variablen. Zum Beispiel ist
benutzerAlter
besser als nura
. -
Großschreibung für Konstanten: Für wahre Konstanten (wie PI), verwende große Buchstaben mit Unterstrichen:
const MAX_ARRAY_LENGTH = 100;
. -
Sei konsistent: Wenn du in einem Team arbeitest, befolge die Konventionen des Teams für die Verwendung von
let
undconst
.
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