Variablenschatten in JavaScript verstehen: Wann wird der Variablenbereich überschrieben?

Variablenschatten in JavaScript verstehen: Ein einfaches Beispiel

In JavaScript tritt Variablenschatten auf, wenn eine Variable mit demselben Namen in a deklariert wird engerer Bereich, wodurch die in einem breiteren Bereich deklarierte Variable effektiv ausgeblendet wird.

Betrachten Sie den folgenden Code:

<code class="javascript">var currencySymbol = "$";

function showMoney(amount) {
  var currencySymbol = "€";
  console.log(currencySymbol + amount);
}

showMoney("100");</code>

In diesem Beispiel gibt es zwei Variablen mit dem Namen „currencySymbol“. Der erste wird im globalen Bereich deklariert, während der zweite innerhalb der showMoney-Funktion deklariert wird. Wenn die showMoney-Funktion aufgerufen wird, erstellt sie eine eigene Währungssymbolvariable, die die globale Variable mit demselben Namen überschattet. Innerhalb der Funktion wird das funktionsbezogene Währungssymbol verwendet, was zu einer Ausgabe von „100 €“ anstelle von „100 $“ führt.

Dieses Verhalten veranschaulicht die Schattenbildung von Variablen. Die Funktion überschreibt die globale Variable innerhalb ihres Gültigkeitsbereichs und erstellt eine neue Instanz der Variablen mit demselben Namen. Diese Technik kann nützlich sein, um den Umfang von Variablen einzuschränken und unbeabsichtigte Variablenkollisionen zu verhindern.

Das obige ist der detaillierte Inhalt vonVariablenschatten in JavaScript verstehen: Wann wird der Variablenbereich überschrieben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!