Heim > Web-Frontend > js-Tutorial > Variablen in JavaScript verstehen

Variablen in JavaScript verstehen

Mary-Kate Olsen
Freigeben: 2025-01-22 00:33:11
Original
358 Leute haben es durchsucht

Understanding Variables in JavaScript

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:

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出:15</code>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

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:

<code class="language-javascript">var variable_name = value;</code>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Beispiel:

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出:15</code>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

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:

<code class="language-javascript">var variable_name = value;</code>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Beispiel:

<code class="language-javascript">var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>
Nach dem Login kopieren
Nach dem Login kopieren

4. Verwenden Sie const

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

Grammatik:

<code class="language-javascript">let variable_name = value;</code>
Nach dem Login kopieren
Nach dem Login kopieren

Beispiel:

<code class="language-javascript">let a = 10;
a = 15; // 允许:更新值
console.log(a); // 输出:15

let b = 20;
// let b = 25; // 错误:无法在同一作用域中重新声明变量</code>
Nach dem Login kopieren

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.

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出:15</code>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

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

<code class="language-javascript">var variable_name = value;</code>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

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

<code class="language-javascript">var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>
Nach dem Login kopieren
Nach dem Login kopieren

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:

<code class="language-javascript">let variable_name = value;</code>
Nach dem Login kopieren
Nach dem Login kopieren

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.
  4. Kann
  5. einer mit const deklarierten Variablen neu zugewiesen werden?
  6. Was passiert, wenn Sie eine Variable deklarieren, ohne var, let oder const zu verwenden?
  7. Warum wird empfohlen, let und const anstelle von var zu verwenden?
  8. Was ist die temporäre tote Zone in JavaScript?
  9. Schreiben Sie ein Code-Snippet, um das Block-Scoping mit let und const zu demonstrieren.
  10. Was sind dynamische Typen in JavaScript?
  11. 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!

Quelle:php.cn
Vorheriger Artikel:JavaScript-Grundlagen: Ihr erster Schritt in die Webentwicklung Nächster Artikel:Effektive Möglichkeiten zur Verwendung des
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage