Variablen in JavaScript verstehen

JavaScript-Variablen: Ein Leitfaden für Anfänger

JavaScript-Variablen sind die Grundbausteine ​​der Programmierung und werden zum Speichern und Bearbeiten von Daten im Code verwendet. Unabhängig davon, ob Sie ein Anfänger oder ein JavaScript-Veteran sind, ist es von entscheidender Bedeutung, Variablen und ihr Verhalten zu verstehen.

Was sind JavaScript-Variablen?

Variablen sind Container zum Speichern von Informationen, die im Programm verwendet und manipuliert werden können. Einfach ausgedrückt handelt es sich um eine Möglichkeit, erforderliche Informationen wie Zahlen, Zeichenfolgen oder andere Datentypen zu speichern.

Wichtige Punkte von JavaScript-Variablen:

• JavaScript ist eine dynamisch typisierte Sprache, was bedeutet, dass die Variablentypen zur Laufzeit bestimmt werden.
• Der Typ der Variablen muss nicht explizit definiert werden.

JavaScript bietet vier Möglichkeiten zum Deklarieren von Variablen:

1. Automatische Deklaration
2. Verwenden Sie let
3. Verwenden Sie var
4. Verwenden Sie const

---

Benennungsregeln für JavaScript-Variablen

Es gibt einige Regeln für die Benennung von Variablen:

1. Zulässige Zeichen: Variablennamen dürfen nur Buchstaben (a-z, A-Z), Zahlen (0-9), $ und _ enthalten.
   • Beispiel: name, data1, sum
2. Startregeln: Variablennamen dürfen nicht mit einer Zahl beginnen.
   • Ungültige Beispiele: 1data, 10Name
3. Groß-/Kleinschreibung beachten: Bei Variablennamen muss die Groß-/Kleinschreibung beachtet werden. Beispielsweise sind result und Result zwei verschiedene Variablen.
4. Vermeiden Sie die Verwendung von Schlüsselwörtern: Verwenden Sie keine reservierten Wörter (wie let, return oder const) als Variablennamen.
5. CamelCase verwenden: CamelCase verwenden, z. B. phoneNumber anstelle von phonenumber oder PhoneNumber.
6. Bindestriche nicht erlaubt: Bindestriche (-) sind in Variablennamen nicht erlaubt.
7. Verwenden Sie aussagekräftige Namen: Verwenden Sie immer beschreibende Namen, die klar angeben, was die Variable speichert.
8. Vermeiden Sie die Verwendung einzelner Buchstaben: Vermeiden Sie die Verwendung von Einzelbuchstabennamen (z. B. x, a), sofern dies nicht erforderlich ist (z. B. innerhalb einer Schleife).

---

JavaScript-Variablentypen

1. Automatische Deklaration

JavaScript kann Variablen ohne explizite Deklaration Werte zuweisen:

x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15

2. Verwenden Sie var

• Variablen, die mit var deklariert wurden, haben einen Funktionsumfang oder einen globalen Geltungsbereich.
• wurde in früheren Versionen von JavaScript eingeführt und gilt heute als veraltet und wird normalerweise durch let oder const ersetzt.

Grammatik:

var variable_name = value;

Beispiel:

x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15

3. Verwenden Sie let

• Eingeführt in ES6, let hat Blockbereich.
• Es ermöglicht die Aktualisierung von Variablenwerten, jedoch keine erneute Deklaration im gleichen Bereich.

Grammatik:

var variable_name = value;

Beispiel:

var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);

4. Verwenden Sie const

• Eingeführt in ES6, const hat auch einen Blockbereich.
• Der Wert kann nicht aktualisiert oder angepasst werden.

Grammatik:

let variable_name = value;

Beispiel:

let a = 10;
a = 15; // 允许：更新值
console.log(a); // 输出：15

let b = 20;
// let b = 25; // 错误：无法在同一作用域中重新声明变量

---

Der Unterschied zwischen

var, let und const

Schlüsselwörter Geltungsbereich Kann es aktualisiert werden? Kann es noch einmal formuliert werden? Bemerkungen

关键字	作用域	可以更新？	可以重新声明？	备注
var	函数作用域	是	是	不遵守块作用域
let	块作用域	是	否	用于需要更新的变量
const	块作用域	否	否	最适合常量和不可变值

Funktionsumfang Ja Ja Respektiert den Blockbereich nicht <🎜> Bereich blockieren Ja Nein Für Variablen, die aktualisiert werden müssen <🎜> Bereich blockieren Nein Nein Am besten für konstante und unveränderliche Werte

---

JavaScript-Bereich

Der Gültigkeitsbereich einer Variablen bestimmt, wo im Programm auf sie zugegriffen werden kann.

Globale Reichweite: von überall aus zugänglich.

x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15

Lokaler Geltungsbereich: innerhalb einer Funktion deklariert und kann nur innerhalb der Funktion aufgerufen werden.

var variable_name = value;

Blockbereich: Nur innerhalb des Blocks verfügbar, in dem er deklariert ist.

var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);

Funktionsbereich: spezifisch für Variablen, die mit var deklariert wurden.

---

Wichtige Tipps

Werben:

• Variablen, die mit var deklariert wurden, werden an die Spitze ihres Gültigkeitsbereichs gehoben, bleiben aber bis zur Ausführung nicht initialisiert.
• Variablen, die mit let und const deklariert wurden, werden ebenfalls hochgestuft, befinden sich jedoch vor ihrer Deklaration in einer „vorübergehenden Totzone“.

Beispiel:

let variable_name = value;

---

Best Practices

1. Verwenden Sie const für Werte, die sich nicht ändern.
2. Verwenden Sie let für die zu aktualisierende Variable.
3. Vermeiden Sie die Verwendung von var in modernem JavaScript.

---

Häufige Fragen im Vorstellungsgespräch

Was ist der Unterschied zwischen
1. var, let und const?
2. Welchen Umfang haben JavaScript-Variablen?
3. Erklären Sie das variable Heben anhand von Beispielen.
Kann
4. einer mit const deklarierten Variablen neu zugewiesen werden?
5. Was passiert, wenn Sie eine Variable deklarieren, ohne var, let oder const zu verwenden?
6. Warum wird empfohlen, let und const anstelle von var zu verwenden?
7. Was ist die temporäre tote Zone in JavaScript?
8. Schreiben Sie ein Code-Snippet, um das Block-Scoping mit let und const zu demonstrieren.
9. Was sind dynamische Typen in JavaScript?
10. Wie geht JavaScript mit der Neudeklaration von Variablen um?

---

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