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

So verwenden Sie CSS-Stile und -Selektoren

Drei Möglichkeiten, CSS in HTML zu verwenden: 1. ...

Kernkompetenzen, die Web-Frontend-Entwicklungsingenieure beherrschen müssen

Der Inhalt der Web-Frontend-Entwicklung umfasst h...

Detaillierter Prozess zum Zeichnen dreidimensionaler Pfeillinien mit three.js

Nachfrage: Diese Nachfrage ist ein dringender Bed...

Vue-Konfigurationsdetails für mehrere Seiten

Inhaltsverzeichnis 1. Der Unterschied zwischen me...

Erstellen Sie mit PS in zwei Minuten eine Homepage für eine XHTML+CSS-Website

Es gibt zu viele Artikel über Webstandards zur We...

So verwenden Sie Axios-Anfragen im Vue-Projekt

Inhaltsverzeichnis 1. Installation 2. Es gibt kei...

So verwenden Sie die JSZip-Komprimierung in CocosCreator

CocosCreator-Version: 2.4.2 Praktische Projektanw...

Codebeispiel für die Implementierung des Linux-Verzeichniswechsels

Das Wechseln von Dateien ist eine gängige Operati...