Heim >Web-Frontend >js-Tutorial >Umfang von var, let, const

Umfang von var, let, const

Linda Hamilton
Linda HamiltonOriginal
2025-01-22 02:30:14234Durchsuche

Scope of var, let, const

Detaillierte Erläuterung des JavaScript-Variablenbereichs

Der Gültigkeitsbereich einer Variablen bezieht sich auf den Bereich im Programm, in dem auf die Variable zugegriffen werden kann. Das Verständnis des Variablenbereichs ist entscheidend für das Schreiben von effizientem, fehlerfreiem Code.

Es gibt drei Arten von Variablenbereichen in JavaScript:

  • var
  • let
  • const

varSchlüsselwörter

  • var Schlüsselwörter wurden erstmals 1995 mit der ersten Veröffentlichung von JavaScript eingeführt.
  • Eine mit var deklarierte Variable hat einen globalen Gültigkeitsbereich, was bedeutet, dass jeder Teil des Programms auf die Variable zugreifen kann.
<code class="language-javascript">var x = 10;
function inner() {
    console.log(x); // 输出:10
}
console.log(x); // 输出:10</code>
  • Mit var deklarierte Variablen werden an den Anfang der Datei hochgestuft. Dies bedeutet, dass Sie versuchen können, auf die Variable zuzugreifen, bevor sie initialisiert wird. Die Ausgabe lautet jedoch undefined, da wir der Variablen noch keinen Wert zugewiesen haben.
<code class="language-javascript">console.log(x); // 输出:undefined
var x = 10;
console.log(x); // 输出:10</code>

letSchlüsselwörter

    Das Schlüsselwort
  • let wurde 2015 mit der Einführung von ECMAScript 6 eingeführt und bietet die Funktionalität des Scopings auf Blockebene.
  • Variablen, die mit let initialisiert wurden, haben einen Blockbereich. Daher kann in anderen Bereichen wie Funktionen oder im globalen Bereich nicht auf die Variable zugegriffen werden.
  • Im Gegensatz zu var führt der Zugriff auf eine mit let deklarierte Variable vor der Deklaration aufgrund der Temporal Dead Zone (TDZ) zu einem Fehler.
<code class="language-javascript">console.log(x); // 输出:引发错误
let x = 10;</code>
  • Ebenso können Sie innerhalb einer Funktion nicht auf Variablen auf Blockebene zugreifen.
<code class="language-javascript">let x = 10;
function inner() {
    console.log(x); // 输出:引发错误
}</code>

constSchlüsselwörter

  • Dies ist eine weitere Variable mit Blockbereich. Darüber hinaus müssen mit const deklarierte Variablen in derselben Zeile initialisiert werden.
<code class="language-javascript">const PI = 3.14;
console.log(PI); // 输出:3.14</code>
  • Dieses Schlüsselwort wurde in ECMAScript 6 eingeführt und wird zum Speichern konstanter Werte wie Umgebungsvariablen, Zugriffstoken usw. verwendet. Wird hauptsächlich zum Speichern eines konstanten Werts verwendet, der sich in Zukunft nicht ändern wird.
  • Wenn Sie versuchen, den Wert einer mit const deklarierten Variablen zu ändern, wird zur Laufzeit ein TypeError: Assignment to constant variable-Fehler ausgegeben.
<code class="language-javascript">const PI = 3.14;
PI = 3.5; // 输出:TypeError: Assignment to constant variable.</code>

Viel Spaß beim Programmieren!

Das obige ist der detaillierte Inhalt vonUmfang von var, let, const. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn