Heim > Web-Frontend > Front-End-Fragen und Antworten > Was sind lokale Variablen in Javascript?

Was sind lokale Variablen in Javascript?

青灯夜游
Freigeben: 2022-03-01 13:49:41
Original
2280 Leute haben es durchsucht

In JavaScript sind lokale Variablen Variablen, die innerhalb des Funktionskörpers deklariert werden, oder benannte Parameter der Funktion. Lokale Variablen haben einen lokalen Gültigkeitsbereich, was bedeutet, dass lokale Variablen nur innerhalb der Funktion verwendet werden können, in der sie definiert sind. Da lokale Variablen innerhalb einer Funktion definiert werden, können Variablen mit demselben Namen in verschiedenen Funktionen verwendet werden.

Was sind lokale Variablen in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Lokale Variablen sind Variablen, die im Funktionskörper deklariert oder benannte Parameter der Funktion sind. Sie haben einen lokalen Gültigkeitsbereich, was bedeutet, dass sie nur innerhalb der Funktion verwendet werden können, in der sie definiert sind. Da lokale Variablen innerhalb einer Funktion definiert werden, können Variablen mit demselben Namen in verschiedenen Funktionen verwendet werden.

Da var die Variablenheraufstufung unterstützt, gilt der globale Gültigkeitsbereich von var-Variablen für den Skriptcode der gesamten Seite, während let und const die Variablenheraufstufung nicht unterstützen, sodass sich der globale Gültigkeitsbereich von let- und const-Variablen auf den Zeitraum ab bezieht Deklarationsanweisung Der gesamte Bereich zwischen dem Ende des Skriptcodes der gesamten Seite und dem Bereich vor der Deklarationsanweisung ist ungültig.

Da var die Variablenheraufstufung unterstützt, let und const jedoch keine Variablenheraufstufung, sind mit var deklarierte lokale Variablen in der gesamten Funktion gültig, während mit let und const deklarierte lokale Variablen vom Beginn der Deklarationsanweisung bis zum gültig sind Das Ende des Funktionsbereichs ist gültig. Es ist zu beachten, dass, wenn die lokale Variable und die globale Variable im Funktionsumfang denselben Namen haben, die lokale Variable die globale Variable überschreibt, dh die lokale Variable funktioniert im Funktionskörper außerhalb des Funktionskörpers. Die globale Variable funktioniert und die lokale Variable funktioniert. Die Variable ist ungültig und beim Verweisen auf lokale Variablen tritt ein Syntaxfehler auf.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>

	<body> 
    <center> 
        <p>在myfunction()之外没有定义petName。</p> 
  
        <p id="demo1"></p> 
  
        <p id="demo2"></p> 
  
        <script> 
            myfunction(); 
  
            function myfunction() { 
                var petName = "Sizzer"; // local variabl 
                document.getElementById("demo1").innerHTML = "myfunction()函数内:"+
                    typeof petName + " " + petName; 
            } 
  
            document.getElementById("demo2").innerHTML = "myfunction()函数外:"+
                typeof petName; 
        </script> 
  </center> 
</body> 
</html>
Nach dem Login kopieren

Ausgabe:

Was sind lokale Variablen in Javascript?

Das obige Beispiel veranschaulicht die Verwendung lokaler Variablen. Anweisungen außerhalb der Funktion können jedoch nicht auf eine Variable mit dem Namen petName verweisen, ohne einen Fehler zu verursachen. Dies liegt daran, dass es einen lokalen Geltungsbereich hat.

【Verwandte Empfehlungen: Javascript-Lern-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind lokale Variablen in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage