JavaScript-Variablen verstehen

Einführung

Variablen in JavaScript sind wie Container, die Daten speichern. Stellen Sie sie sich wie beschriftete Gläser in Ihrer Küche vor – manche enthalten Zucker, manche Mehl und manche sogar Kekse!? Sie machen Ihren Code dynamisch und ermöglichen Ihnen das Speichern und Bearbeiten von Informationen.

⭐ Variablendeklaration, Initialisierung und Namenskonventionen
1️⃣ Erklärung
Eine Variable zu deklarieren bedeutet, sie zu erstellen, ohne einen Wert zuzuweisen.
? Beispiel:

let name; // Declaration

2️⃣ Initialisierung
Eine Variable zu initialisieren bedeutet, ihr zum ersten Mal einen Wert zuzuweisen.
? Beispiel:

let name = "Richa"; // Declaration + Initialization

Sie können auch zuerst deklarieren und später initialisieren:
? Beispiel:

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

3️⃣ Namenskonventionen
Befolgen Sie diese Regeln, um Variablen effektiv zu benennen:

• Beginnen Sie mit einem Buchstaben, $ oder _. Gültig: Benutzername, _temp, $amountInvalid: 123name, @value
• Reservierte Schlüsselwörter vermeiden: Ungültig: let var = 10; (var kann nicht als Name verwendet werden)
• Verwenden Sie „camelCase“ zur besseren Lesbarkeit: Beispiel: Vorname, Gesamtkosten
• Seien Sie beschreibend:Verwenden Sie anstelle von x userAge oder productName.

? Beispiel:

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

⭐Typen von Variablen
JavaScript bietet drei Möglichkeiten, Variablen zu deklarieren: var, let und const.

1️⃣ var (Old-School)
Geltungsbereich: Funktionsbezogen oder global.
Verwendung: Aufgrund seiner Eigenheiten wird es in modernem JavaScript am besten vermieden.
Das Schlüsselwort var war vor 2015 in JavaScript weit verbreitet. Aufgrund seines globalen Geltungsbereichs und seines Hebeverhaltens wird es heute jedoch weniger empfohlen.
? Beispiel:

var stuff = "Toy";
var stuff = "Book"; // Re-declaration allowed (confusing behavior).
console.log(stuff); // Outputs: Book

Mit var können Sie dieselbe Variable mehrmals deklarieren. Dies führt jedoch häufig zu Fehlern und verwirrendem Code.
⁉️HebenVerhalten:
Mit var deklarierte Variablen werden „hochgehoben“, was bedeutet, dass Sie sie verwenden können, bevor Sie sie deklarieren.
? Beispiel:

console.log(stuff); // Outputs: undefined
var stuff = "Toy";

Dieses Verhalten kann zu unerwarteten Problemen führen. Verlassen Sie sich daher bei Variablendeklarationen nicht auf var.
?Ein Beispiel aus der Praxis

2️⃣ vermieten (Flexibel)
Geltungsbereich: Blockbezogen (beschränkt auf den Block, in dem er deklariert ist).
Verwendung: Verwenden Sie let, wenn sich der Variablenwert ändern muss.
? Beispiel:

let jar = "Tomatos";
jar = "Spices"; // Allowed
console.log(jar); // Outputs: Spices

Der Versuch, eine Let-Variable erneut zu deklarieren, führt zu einem Fehler:
? Beispiel:

let jar = "Tomatos";
let jar = "Spices"; // Error: Identifier 'jar' has already been declared

Im Gegensatz zu var werden mit let deklarierte Variablen nicht auf die gleiche Weise angehoben:
? Beispiel:

let name; // Declaration

?Ein Beispiel aus der Praxis

3️⃣ const (Unveränderlich)
Umfang: Blockbezogen, wie let
Verwendung: Verwenden Sie const für Werte, die sich nach der Initialisierung nicht ändern sollen.
const eignet sich perfekt zum Deklarieren von Konstanten oder Variablen, die nicht neu zugewiesen werden sollten.
? Beispiel:

let name = "Richa"; // Declaration + Initialization

Sie müssen eine const-Variable initialisieren, wenn Sie sie deklarieren:
? Beispiel:

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

?Ein Beispiel aus der Praxis

Aufgaben zum Erkunden von Variablen

Hier sind einige Beispiele, um Ihr Verständnis von Variablen zu testen:

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

Abschluss

Variablen zu beherrschen ist der erste Schritt zum Schreiben von sauberem und effizientem JavaScript-Code.

• Verwenden Sie aus Stabilitätsgründen wann immer möglich const.
• Verwenden Sie let nur, wenn sich der Wert ändern muss.
• Vermeiden Sie var, um schwer zu debuggende Probleme zu vermeiden.

Viel Spaß beim Codieren! ?

Das obige ist der detaillierte Inhalt vonJavaScript-Variablen verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!