Heim > Artikel > Web-Frontend > Erklärung und Anwendung des Gültigkeitsbereichs in JavaScript (Codebeispiele)

Erklärung und Anwendung des Gültigkeitsbereichs in JavaScript (Codebeispiele)

不言Original: 2018-09-14 17:54:591293Durchsuche

Der Inhalt dieses Artikels befasst sich mit der Erklärung und Anwendung des Bereichs in JavaScript (Codebeispiele). Ich hoffe, dass er für Sie hilfreich ist.

JavaScript-Bereich

Ein Bereich ist eine Sammlung zugänglicher Variablen.

In JavaScript sind Objekte und Funktionen ebenfalls Variablen.

In JavaScript kann ein Bereich auf eine Sammlung von Variablen, Objekten und Funktionen zugreifen.

Der Umfang kann innerhalb der Funktion geändert werden.

Lokaler JavaScript-Bereich

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

Lokale Variablen: Der Zugriff kann nur innerhalb der Funktion erfolgen.

<!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>

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>

Wenn die Variable nicht innerhalb der Funktion deklariert ist (nicht mit dem Schlüsselwort var deklariert), ist die 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>

JavaScript-Variablenlebenszyklus

Der Lebenszyklus einer Variable wird zum Zeitpunkt 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>

Globale Variablen oder Funktionen können 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.

Verwandte Empfehlungen:

Beispiel zum Erlernen des Javascript-Funktionsbereichs (JS-Bereich)_Grundkenntnisse

Erklären Sie JavaScript im Detail Umfang und Variablen in

Das obige ist der detaillierte Inhalt vonErklärung und Anwendung des Gültigkeitsbereichs in JavaScript (Codebeispiele). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html es6 常量 const 局部变量全局变量 var JS 对象作用域

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

Vorheriger Artikel：Detaillierte Code-Erklärung zur Verwendung von JSON in JavaScriptNächster Artikel：Detaillierte Code-Erklärung zur Verwendung von JSON in JavaScript

In Verbindung stehende Artikel

Mehr sehen