Eine kurze Diskussion über den JavaScript-Bereich

Eine kurze Diskussion über den JavaScript-Bereich

1. Geltungsbereich

Im Allgemeinen sind die in einem Programmcode verwendeten Namen nicht immer gültig und verfügbar, und der Umfang des Codes, der die Verfügbarkeit des Namens einschränkt, ist der Umfang des Namens. Die Verwendung des Gültigkeitsbereichs verbessert die Lokalität der Programmlogik, erhöht die Programmzuverlässigkeit und reduziert Namenskonflikte.

In JavaScript (vor es6) gibt es zwei Arten von Bereichen:

  • Globaler Umfang
  • Lokaler Geltungsbereich (Funktionsbereich)
  • Nach ES6 gibt es auch einen Blockebenenbereich, der später ausführlich beschrieben wird.

1. Globaler Geltungsbereich

Gilt für die Umgebung, in der der gesamte Code ausgeführt wird (das gesamte script Tag) oder für eine separate JS-Datei.

2. Örtlicher Geltungsbereich

Die Codeumgebung, die auf eine Funktion einwirkt, ist der lokale Bereich. Da er sich auf Funktionen bezieht, wird er auch als Funktionsumfang bezeichnet.

Zum Beispiel:

  für (lass i = 0; i < 100; i++) {
       Summe += i;
   }

2. Gültigkeitsbereich der Variablen

In JavaScript können Variablen entsprechend ihrem Gültigkeitsbereich in zwei Typen unterteilt werden:

  • Globale Variablen
  • Lokale Variablen

1. Globale Variablen

Im globalen Gültigkeitsbereich deklarierte Variablen werden als globale Variablen bezeichnet (außerhalb einer Funktion definierte Variablen).
Globale Variablen können überall im Code verwendet werden. Mit var deklarierte Variablen im globalen Gültigkeitsbereich sind globale Variablen. In besonderen Fällen sind auch ohne var deklarierte Variablen in einer Funktion globale Variablen (nicht empfohlen).

2. Lokale Variablen

In einem lokalen Bereich deklarierte Variablen heißen lokale Variablen (Variablen, die innerhalb einer Funktion definiert sind).
Lokale Variablen können nur innerhalb einer Funktion verwendet werden. Variablen, die innerhalb einer Funktion mit var deklariert werden, sind lokale Variablen. Funktionsparameter sind tatsächlich lokale Variablen.

3. Der Unterschied zwischen globalen Variablen und lokalen Variablen

  • Globale Variablen: können überall verwendet werden und werden erst beim Schließen des Browsers zerstört, beanspruchen also mehr Speicher.
  • Lokale Variablen: werden nur innerhalb einer Funktion verwendet. Sie werden initialisiert, wenn der Codeblock ausgeführt wird, in dem sie sich befinden. Sie werden zerstört, wenn der Codeblock beendet ist, wodurch mehr Speicherplatz gespart wird.

3. Geltungsbereichskette

Gemäß dem Mechanismus, mit dem innere Funktionen auf äußere Funktionsvariablen zugreifen können, wird mithilfe einer Kettensuche ermittelt, auf welche Daten durch innere Funktionen zugegriffen werden kann. Dies wird als Bereichskette bezeichnet.

  • Solange es Code ist, hat er mindestens einen Gültigkeitsbereich
  • Lokaler Gültigkeitsbereich, geschrieben innerhalb einer Funktion
  • Wenn es eine Funktion innerhalb einer Funktion gibt, kann innerhalb dieses Bereichs ein weiterer Bereich erstellt werden.

Beispiel: Analysieren Sie den folgenden Code, um das Ergebnis zu ermitteln.

Funktion f1() {
    Variablennummer = 123;
    Funktion f2() {
        console.log( Zahl );
    }
    f2();
}
Variablennummer = 456;
f1();

Die Analyse ist in der folgenden Abbildung dargestellt:

Es ist ersichtlich, dass das Endergebnis ist: 123

In ähnlicher Weise kann der endgültige Wert der Variablen auch durch Anwendung des Näherungsprinzips gefunden werden.

Dies ist das Ende dieses Artikels über die Details des JavaScript Bereichs. Weitere relevante Inhalte zum JavaScript-Bereich finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Neue Blockbereichsfunktion von JavaScript ES
  • JavaScript-Grundlagen: Geltungsbereich
  • Fortgeschrittene JavaScript-Programmierung: Variablen und Umfang
  • Grafische Erklärung des zugrunde liegenden Prinzips der JavaScript-Bereichskette
  • Statischer und dynamischer Gültigkeitsbereich von JavaScript anhand von Beispielen erklärt
  • Javascript-Bereich und Abschlussdetails
  • Synchrone und asynchrone JS-Schwierigkeiten sowie Umfang und Abschluss und detaillierte Erklärung von Prototypen und Prototypenketten

<<:  impress.js Präsentationsschicht-Framework (Demonstrationstool) - erste Erfahrungen

>>:  Lösung für abnormale Verbindungstabellen, die durch inkonsistente MySQL-Zeichensätze verursacht werden

Artikel empfehlen

Beispiel für ein WeChat-Applet zum Erzielen des rotierenden Laterneneffekts

Vorwort In der täglichen Entwicklung stoßen wir h...

Schritte und Methoden zur Bindung von Domänennamen und IPs in der Alibaba Cloud

1 Rufen Sie die Alibaba Cloud-Konsole auf, suchen...

Verwenden Sie reines CSS, um einen Switch-Effekt zu erzielen

Zuerst ist die Idee Um diesen Effekt zu erzielen,...

So bedienen Sie JSON-Felder in MySQL

MySQL 5.7.8 führte das JSON-Feld ein. Dieser Feld...

Eine kurze Diskussion über JavaScript-Drosselung und Anti-Shake

Inhaltsverzeichnis Drosselung und Anti-Shake Konz...

Eine kurze Diskussion über die Berechnungsmethode von key_len in MySQL erklären

Mit dem MySQL-Befehl „explain“ können Sie die Lei...

Über die „Berufskrankheit“ der Designer

Ich habe immer das Gefühl, dass Designer die sens...

Installieren Sie Memcached und die PHP Memcached-Erweiterung unter CentOS

In Bezug auf das leistungsstarke verteilte Speich...

Verwendung der MySQL-Zeitdifferenzfunktionen TIMESTAMPDIFF und DATEDIFF

Verwendung der Zeitdifferenzfunktionen TIMESTAMPD...

Zusammenfassung der MySQL-Entwicklungsstandards und -Nutzungskenntnisse

1. Namenskonventionen 1. Datenbanknamen, Tabellen...

Einführung in die MySQL-Entsperr- und Sperrtabelle

MySQL Lock-Übersicht Im Vergleich zu anderen Date...

Schritte zum Installieren von Superset unter dem Win10-System

Superset ist ein leichtes Self-Service-BI-Framewo...

Diagramm zur Installation von VMware 14 unter Windows 10

Software-Download Link zum Herunterladen der Soft...