Wenn Sie mit JavaScript arbeiten, lernen Sie als Erstes, wie man Variablen deklariert. Variablen sind wie Container, die Informationen wie Zahlen, Text oder sogar komplexe Daten speichern. In JavaScript gibt es drei Möglichkeiten, Variablen zu deklarieren: const, let und var. Jedes davon hat seine eigenen Regeln und Best Practices, was zunächst etwas verwirrend sein kann. In diesem Beitrag werden wir es anhand einfacher Beispiele aufschlüsseln, damit Sie besser verstehen, wann und wie Sie die einzelnen Elemente verwenden.

Beispielcode

Beobachten wir zunächst einen einfachen Code:

`Javascript
const accountId = 14423;
var accountEmail = "[email protected]";
let accountPassword = "12345";
accountCity = "jamshedpur";
let accountRoll;

// accountId = 13242; // Nicht erlaubt – löst einen Fehler aus

console.table([accountEmail, accountId, accountRoll, accountPassword]);
`

const verstehen

Die erste Variable, die wir mit const deklariert haben, ist accountId. Das Schlüsselwort const wird verwendet, wenn Sie eine Variable deklarieren möchten, deren Wert sich nie ändern soll. Sobald Sie einer Konstantenvariablen einen Wert zugewiesen haben, können Sie ihn nicht mehr einer anderen Variable zuweisen. Zum Beispiel:

const accountId = 14423;
accountId = 13242; // This will throw an error!

Im obigen Beispiel führt der Versuch, die Konto-ID neu zuzuweisen, zu einem Fehler, da Konstantenvariablen nach ihrer anfänglichen Zuweisung unveränderlich sind.

Wichtige Punkte zu const:

• Kann nicht neu zugewiesen werden: Sobald ein Wert einer Konstantenvariablen zugewiesen wurde, kann er nicht geändert werden.
• Blockgeltungsbereich: Auf die Variable kann nur innerhalb des Blocks zugegriffen werden, in dem sie deklariert ist (z. B. innerhalb von {}).

Verstehen lassen

Als nächstes haben wir accountPassword mit let deklariert. Das Schlüsselwort let wird verwendet, wenn Sie eine Variable deklarieren möchten, deren Wert sich später ändern könnte. Im Gegensatz zu const können Sie eine Let-Variable neu zuweisen:

let accountPassword = "12345";
accountPassword = "67890"; // This is perfectly fine!

Wie const ist auch let jedoch blockbezogen, was bedeutet, dass nur innerhalb des Blocks darauf zugegriffen werden kann, in dem es deklariert wurde.

Wichtige Punkte zu let:

• Kann neu zugewiesen werden: Sie können den Wert einer Let-Variablen ändern, nachdem sie zugewiesen wurde.
• Blockgeltungsbereich: Auf die Variable kann nur innerhalb des Blocks zugegriffen werden, in dem sie deklariert ist.

Var verstehen

Lassen Sie uns abschließend über var sprechen, so haben wir accountEmail deklariert. var ist die alte Art, Variablen in JavaScript zu deklarieren. Es weist einige wesentliche Unterschiede zu let und const auf:

var accountEmail = "[email protected]";
var accountEmail = "[email protected]"; // This is allowed!

Wie Sie sehen, können Sie im Gegensatz zu let und const eine var-Variable im gleichen Bereich ohne Fehler neu deklarieren. Dies kann manchmal zu Fehlern und unerwartetem Verhalten führen, weshalb viele Entwickler let und const bevorzugen.

Wichtige Punkte zu var:

• Kann neu zugewiesen und neu deklariert werden: Sie können den Wert ändern und sogar eine Var-Variable neu deklarieren.
• Funktionsbereich: Im Gegensatz zu let und const, die einen Blockbereich haben, ist var funktionsbereichsgebunden. Dies bedeutet, dass innerhalb der Funktion, in der es deklariert wurde, darauf zugegriffen werden kann, jedoch nicht auf den Block beschränkt.

Ein schneller Vergleich

Hier ist ein kurzer Vergleich, um die Unterschiede zusammenzufassen:

{
    var x = 10;
    var x = 20; // Allowed, no error

    let y = 10;
    let y = 20; // Not allowed, will throw a syntax error
}

Praxisbeispiel: Verwendung von console.table

Am Ende unseres Codes verwenden wir console.table, um die Werte unserer Variablen in einem übersichtlichen Tabellenformat anzuzeigen:

console.table([accountEmail, accountId, accountRoll, accountPassword]);

Dies gibt eine Tabelle mit den aktuellen Werten von accountEmail, accountId, accountRoll und accountPassword aus. Dies ist eine praktische Möglichkeit, Ihre Variablen beim Debuggen oder einfach nur beim Überprüfen Ihrer Arbeit zu visualisieren.

Abschluss

Das Verständnis der Unterschiede zwischen const, let und var ist entscheidend für das Schreiben von sauberem, fehlerfreiem JavaScript-Code. Hier ist eine kurze Zusammenfassung:

• Verwenden Sie const, wenn eine Variable konstant bleiben soll.
• Verwenden Sie let, wenn Sie eine Änderung des Variablenwerts erwarten.
• Vermeiden Sie var, es sei denn, Sie haben einen bestimmten Grund, es zu verwenden (aufgrund seines funktionsbezogenen Verhaltens).

Wenn Sie diese drei Schlüsselwörter beherrschen, sind Sie auf dem Weg, zuverlässigeren und wartbareren JavaScript-Code zu schreiben. Ausführlichere Informationen finden Sie jederzeit in der MDN-Dokumentation.

Viel Spaß beim Codieren und bis zum nächsten Mal!!