Analyse des JavaScript-Variablenbereichs (ausführliche Erklärung)-js-Tutorial-php.cn

Analyse des JavaScript-Variablenbereichs (ausführliche Erklärung)

青灯夜游

Freigeben： 2018-09-13 17:50:42

Original

1099 Leute haben es durchsucht

In diesem Kapitel erhalten Sie eine Analyse des JavaScript-Variablenbereichs (ausführliche Erklärung), sodass Sie ein wenig Wissen über den JavaScript-Bereich erlernen können. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Was ist der JavaScript-Bereich?

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

Der Umfang kann innerhalb der Funktion geändert werden.

JavaScript-Lokalbereich

Variablen werden innerhalb der Funktion deklariert und die Variablen sind lokale Variablen (lokaler Bereich)

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    function name() {
        //在此处声明一个变量
        var a = 10;
        //函数内可以调用 a
    }
    //此处（函数外）不能调用变量 a　　
    //因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量名　　
    //局部变量在函数开始执行时创建，函数执行完毕后，变量会自动销毁
</script>
</html>

Nach dem Login kopieren

Globale JavaScript-Variablen

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

Globale Variablen haben einen globalen Gültigkeitsbereich und können von allen Skripten und Funktionen auf der Webseite verwendet werden.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    /* 在此处声明一个全局变量 */
    var a = 10;
    function name() {
        //函数内可以调用 a
    }
    //此处也能调用变量 a
</script>
</html>

Nach dem Login kopieren

Wenn die Variable nicht innerhalb der Funktion deklariert ist (nicht mit dem Schlüsselwort var deklariert), ist die geänderte Variable eine globale Variable.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    
    function name() {
        /* 在此处声明一个变量 */
          a = 10;
　　　　　/* a没有使用var关键字声明，则默认为全局变量 */

    }
    
</script>
</html>

Nach dem Login kopieren

JavaScript-Variablenlebenszyklus

Der Lebenszyklus einer Variablen wird bei ihrer Deklaration initialisiert. Lokale Variablen werden zerstört, nachdem die Funktion die Ausführung abgeschlossen hat. 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 und alle Datenvariablen gehören zum Fensterobjekt.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    function name() {
         a = 10;
    }
    //此处可使用window.a调用变量 a
</script>
</html>

Nach dem Login kopieren

Globale Variablen oder Funktionen können die Variablen oder Funktionen des Fensterobjekts überschreiben. Lokale Variablen umfassen Fensterobjekte und können globale Variablen und Funktionen überschreiben.

Das Schlüsselwort let und das Schlüsselwort const werden in es6 bereitgestellt.

Die Deklarationsmethode von let ist dieselbe wie die von var. Durch die Verwendung von let anstelle von var zum Deklarieren von Variablen kann die aktuelle Variable auf den Codeblock beschränkt werden . .

Konstante wird mit const deklariert und ihr Wert kann nach dem Festlegen nicht mehr geändert werden.

Das obige ist der detaillierte Inhalt vonAnalyse des JavaScript-Variablenbereichs (ausführliche Erklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!