Eine ausführliche Erläuterung des JavaScript-Bereichs

Ein Bereich ist eine Sammlung zugänglicher Variablen.

JavaScript-Geltungsbereich

In JavaScript sind Objekte und Funktionen auch Variablen.

In JavaScript ist der Bereich eine Sammlung zugänglicher Variablen, Objekte und Funktionen.

JavaScript-Funktionsumfang: Der Umfang wird innerhalb der Funktion geändert.

Lokaler JavaScript-Bereich

Variablen werden innerhalb einer Funktion deklariert und haben einen lokalen Gültigkeitsbereich.

Lokale Variablen: Der Zugriff ist nur innerhalb der Funktion möglich.

// 此处不能调用 carName 变量
function myFunction() {
  var carName = "Volvo";
  // 函数内可调用 carName 变量
}

Da lokale Variablen nur innerhalb einer Funktion wirken, können verschiedene Funktionen Variablen mit demselben Namen verwenden.

Lokale Variablen werden erstellt, wenn die Ausführung der Funktion beginnt, und sie werden nach Ausführung der Funktion automatisch zerstört.

Globale JavaScript-Variablen

Eine außerhalb einer Funktion definierte Variable ist eine globale Variable.

Globale Variablen haben einen globalen Geltungsbereich: Alle Skripte und Funktionen auf der Webseite können verwendet werden.

var carName = " Volvo";
 
// 此处可调用 carName 变量
function myFunction() {
  // 函数内可调用 carName 变量
}

Wenn eine Variable nicht innerhalb einer Funktion deklariert wird (ohne das Schlüsselwort var zu verwenden), ist die Variable eine globale Variable.

Im folgenden Beispiel befindet sich carName innerhalb der Funktion, ist aber eine globale Variable.

// 此处可调用 carName 变量
 
function myFunction() {
  carName = "Volvo";
  // 此处可调用 carName 变量
}

JavaScript-Variablenlebenszyklus

Der JavaScript-Variablenlebenszyklus wird initialisiert, wenn er deklariert wird.

Lokale Variablen werden zerstört, nachdem die Funktion ausgeführt wurde.

Globale Variablen werden nach dem Schließen der Seite zerstört.

Funktionsparameter

Funktionsparameter funktionieren nur innerhalb der Funktion und sind lokale Variablen.

Globale Variablen in HTML

In HTML sind globale Variablen Fensterobjekte: Alle Datenvariablen gehören zum Fensterobjekt.

//此处可使用 window.carName
 
function myFunction() {
  carName = "Volvo";
}

Wussten Sie schon?

Ihre globalen Variablen oder Funktionen können die Variablen oder Funktionen des Fensterobjekts überschreiben.
Lokale Variablen, einschließlich Fensterobjekten, können globale Variablen und Funktionen überschreiben.

Ergänzend

Mit dem let-Schlüsselwort in ES6

let können Sie deklarieren, dass ein Bereich eingeschränkt ist Variablen, Anweisungen oder Ausdrücke auf Blockebene. Anders als beim Schlüsselwort var können die deklarierten Variablen nur global oder der gesamte Funktionsblock sein.

let-Syntax:

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

Mit let deklarierte Variablen sind nur in dem Block oder Unterblock verfügbar, in dem sie deklariert sind, ähnlich wie var. Der Hauptunterschied zwischen den beiden besteht darin, dass der Gültigkeitsbereich der mit var deklarierten Variablen die gesamte umschließende Funktion ist. Codebeispiel für den Unterschied zwischen

let und var:

function varTest() {
 var x = 1;
 if (true) {
  var x = 2; // 同样的变量!
  console.log(x); // 2
 }
 console.log(x); // 2
}

function letTest() {
 let x = 1;
 if (true) {
  let x = 2; // 不同的变量
  console.log(x); // 2
 }
 console.log(x); // 1
}

Verwandte Lernempfehlungen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonEine ausführliche Erläuterung des JavaScript-Bereichs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!