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 React-Color zum Implementieren des Front-End-Farbwählers

Hintergrund Wir können react-color verwenden, um ...

Detailliertes Tutorial zur Installation von InfluxDB in Docker (Leistungstest)

1. Voraussetzungen 1. Das Projekt wurde bereitges...

So verwenden Sie video.js in Vue zum Abspielen von Videos im M3U8-Format

Inhaltsverzeichnis 1. Installation 2. Einführung ...

JavaScript realisiert den Drag-Effekt der Modalbox

Hier ist ein Fall des Ziehens einer modalen Box. ...

JavaScript-Dokumentobjektmodell DOM

Inhaltsverzeichnis 1. JavaScript kann alle HTML-E...

Über React Native, das keine Verbindung zum Simulator herstellen kann

React Native kann native iOS- und Android-Apps ba...

Reines HTML+CSS, um einen Tippeffekt zu erzielen

In diesem Artikel wird hauptsächlich der durch re...

Docker fügt eine Brücke hinzu und legt den IP-Adressbereich fest

Ich weiß nicht, ob es daran liegt, dass die Binär...

Detaillierte Erklärung der MySQL 8.0.18-Befehle

Öffnen Sie den gerade entpackten Ordner C:\web\my...

11 Gründe, warum Bootstrap so beliebt ist

Vorwort Bootstrap, das beliebteste Front-End-Entw...

JavaScript Voranalyse, Objektdetails

Inhaltsverzeichnis 1. Voranalyse 1. Vorabanalyse ...

Implementierung der Webpack-Codefragmentierung

Inhaltsverzeichnis Hintergrund CommonsChunkPlugin...