Heim Web-Frontend js-Tutorial Beispielerklärung zum Umfang und Funktionsabschluss in js

Beispielerklärung zum Umfang und Funktionsabschluss in js

Mar 07, 2018 am 10:58 AM
javascript 作用域 讲解

In diesem Artikel werden hauptsächlich Beispiele für den Bereich und den Funktionsabschluss in js vorgestellt. Der Bereich ist sehr einfach, nur ein einfacher Klick. Der Bereich von js hat keinen Gültigkeitsbereich auf Blockebene, sondern nur einen globalen Bereich und einen Funktionsbereich 🎜>

Zum Beispiel:

if(true){

var a=100;

}

console.log(a);
Nach dem Login kopieren
In Java oder C liegen die geschweiften Klammern außerhalb des Blocks und können nicht abgerufen werden, in js ist dies jedoch möglich, was

<🎜 entspricht >

Das a hier ist der globale Bereich; alle außerhalb der Funktion definierten Variablen sind der globale Bereich.
var a;

if(true){

a=100;

}
Nach dem Login kopieren

Sonderfall:

Das a hier kann auch erhalten werden, wenn die Variable direkt ohne var innerhalb der Funktion deklariert wird, wird der übergeordnete Bereich auch als Bereich betrachtet, jedoch nicht Es wird empfohlen, so zu schreiben. Im Allgemeinen müssen Sie die Definition deklarieren.
function  Loga(){

a=100

}

console.log(a);
Nach dem Login kopieren

Das wörtliche Verständnis des Funktionsbereichs besteht darin, dass innerhalb der Funktion definierte Variablen innerhalb der Funktion funktionieren.

Der Unterschied zwischen Funktionsbereich und globalem Bereich besteht darin, dass der globale Bereich innerhalb des Funktionsbereichs aufgerufen werden kann Variablen im Bereich und ändern Sie sie, aber der globale Bereich kann keine im Funktionsbereich definierten Variablen aufrufen. Die Definition hier ist sehr wichtig (unabhängig davon, ob sie geändert wird). Dies bedeutet, dass Variablen auf Variablen im übergeordneten Bereich zugreifen können Der Umfang wiederum ist für den Laien von innen nach außen zugänglich, aber nicht von außen nach innen.

2. Schließung

Es gibt keine genaue Definition des Konzepts der Schließung.

a. Funktion als Rückgabewert

b. Funktionen werden als Parameter übergeben

Beispiel:

  function F1(){
    		var a=100
		return function(){
			console.log(a);//a是自由变量
		}
	}
	var a=200;
	var f=F1();
	f();
Nach dem Login kopieren
Dies ist ein typischer Abschlussfall, der Rückgabewert f ist eine Funktion, ausführen Die Umgebung ist global, aber die generierte Umgebung befindet sich hier in F1, daher ist die Ausgabe hier eine freie Variable, die im übergeordneten Bereich gesucht werden muss, also F1.

Zweitens wird die Funktion als Parameter übergeben

Das Ergebnis ist offensichtlich das gleiche wie oben. Die Ausführungsumgebung ist F2, aber die Generierungsumgebung ist F1 und der übergeordnete Bereich ist F1, daher ist die Ausgabe immer noch 100.

	function F1(){
		var a=100
		return function(){
			console.log(a);
		}
	}
	var a=200;
	var f=F1();
	function F2(fn){
		var a=300;
		fn();
	}
	F2(f);
Nach dem Login kopieren

Verwandte Empfehlungen:

Scope-Kette und Prototyp-Kette und prototypische Vererbung in js

JS-Bereichskette und Abschluss Paketinstanzfreigabe

Detaillierte Erläuterung des JavaScript-Bereichs und -Abschlusses

Das obige ist der detaillierte Inhalt vonBeispielerklärung zum Umfang und Funktionsabschluss in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Verwendung der Typedef-Struktur in der C-Sprache Verwendung der Typedef-Struktur in der C-Sprache May 09, 2024 am 10:15 AM

typedef struct wird in der C-Sprache zum Erstellen von Strukturtypaliasen verwendet, um die Verwendung von Strukturen zu vereinfachen. Es weist einem neuen Datentyp ein Alias ​​auf eine vorhandene Struktur zu, indem es den Strukturalias angibt. Zu den Vorteilen gehören verbesserte Lesbarkeit, Wiederverwendung von Code und Typprüfung. Hinweis: Die Struktur muss vor der Verwendung eines Alias ​​definiert werden. Der Alias ​​muss im Programm eindeutig sein und nur innerhalb des Bereichs gültig sein, in dem er deklariert ist.

So lösen Sie die in Java erwartete Variable So lösen Sie die in Java erwartete Variable May 07, 2024 am 02:48 AM

Variablenerwartungsausnahmen in Java können gelöst werden durch: Initialisierung von Variablen; Verwendung von Nullwerten; Verwendung von Überprüfungen und Zuweisungen;

Vor- und Nachteile von Verschlüssen in js Vor- und Nachteile von Verschlüssen in js May 10, 2024 am 04:39 AM

Zu den Vorteilen von JavaScript-Abschlüssen gehören die Aufrechterhaltung des variablen Bereichs, die Aktivierung von modularem Code, die verzögerte Ausführung und die Ereignisbehandlung. Zu den Nachteilen zählen Speicherverluste, erhöhte Komplexität, Leistungsaufwand und Auswirkungen der Bereichskette.

Was bedeutet include in c++? Was bedeutet include in c++? May 09, 2024 am 01:45 AM

Die Präprozessoranweisung #include in C++ fügt den Inhalt einer externen Quelldatei in die aktuelle Quelldatei ein und kopiert ihren Inhalt an die entsprechende Stelle in der aktuellen Quelldatei. Wird hauptsächlich zum Einschließen von Header-Dateien verwendet, die im Code benötigte Deklarationen enthalten, z. B. #include <iostream>, um Standard-Eingabe-/Ausgabefunktionen einzubinden.

C++-Smartpointer: eine umfassende Analyse ihres Lebenszyklus C++-Smartpointer: eine umfassende Analyse ihres Lebenszyklus May 09, 2024 am 11:06 AM

Lebenszyklus von C++-Smartpointern: Erstellung: Smartpointer werden erstellt, wenn Speicher zugewiesen wird. Eigentumsübertragung: Übertragen Sie das Eigentum durch einen Umzugsvorgang. Freigabe: Speicher wird freigegeben, wenn ein Smart Pointer den Gültigkeitsbereich verlässt oder explizit freigegeben wird. Objektzerstörung: Wenn das Objekt, auf das gezeigt wird, zerstört wird, wird der intelligente Zeiger zu einem ungültigen Zeiger.

Können die Definition und der Aufruf von Funktionen in C++ verschachtelt werden? Können die Definition und der Aufruf von Funktionen in C++ verschachtelt werden? May 06, 2024 pm 06:36 PM

Dürfen. C++ erlaubt verschachtelte Funktionsdefinitionen und Aufrufe. Externe Funktionen können integrierte Funktionen definieren und interne Funktionen können direkt innerhalb des Bereichs aufgerufen werden. Verschachtelte Funktionen verbessern die Kapselung, Wiederverwendbarkeit und Bereichskontrolle. Interne Funktionen können jedoch nicht direkt auf lokale Variablen externer Funktionen zugreifen, und der Rückgabewerttyp muss mit der Deklaration der externen Funktion übereinstimmen. Interne Funktionen können nicht selbstrekursiv sein.

Der Unterschied zwischen let und var in vue Der Unterschied zwischen let und var in vue May 08, 2024 pm 04:21 PM

In Vue gibt es beim Deklarieren von Variablen zwischen let und var einen Unterschied im Gültigkeitsbereich: Gültigkeitsbereich: var hat einen globalen Gültigkeitsbereich und let hat einen Gültigkeitsbereich auf Blockebene. Bereich auf Blockebene: var erstellt keinen Bereich auf Blockebene, let erstellt einen Bereich auf Blockebene. Neudeklaration: var ermöglicht die Neudeklaration von Variablen im gleichen Bereich, let jedoch nicht.

Es gibt mehrere Situationen, auf die dies in js hinweist Es gibt mehrere Situationen, auf die dies in js hinweist May 06, 2024 pm 02:03 PM

Zu den Zeigertypen gehören in JavaScript: 1. Globales Objekt; 3. Konstruktoraufruf; 5. Pfeilfunktion (erbt dies); Darüber hinaus können Sie mit den Methoden bind(), call() und apply() explizit festlegen, worauf dies hinweist.

See all articles