Weißt du was? In JavaScript sind alle Funktionen von Natur aus Abschlüsse (mit nur einer Ausnahme). Lassen Sie uns wirklich durchgehen, um zu verstehen, wie das funktioniert.
Abschlüsse sind gebündelte Funktionen mit ihren lexikalischen Referenzen. Das ist zwar die formale Definition, aber was bedeuten Schließungen wirklich? Bevor Sie sich mit Verschlüssen befassen, ist es hilfreich, erstklassige Funktionen zu verstehen, da es grundlegende Kenntnisse vermittelt, die Ihnen helfen, die Funktionsweise von Verschlüssen zu verstehen.
Wichtige Konzepte, die Sie zuerst kennen sollten:
1. Erstklassige Funktionen:Funktionen, die Variablen zugewiesen, als Argument übergeben und von Funktionen zurückgegeben werden können.
2. Funktionsumfang:Funktionen können auf Variablen aus ihrem eigenen Geltungsbereich und aus dem umgebenden (äußeren) Geltungsbereich zugreifen.
3. Ausführungskontext: Jedes Mal, wenn eine Funktion aufgerufen wird, wird ein neuer Ausführungskontext erstellt. Dazu gehören die Variablenumgebung und die Bereichskette.
Im Allgemeinen sind Variablen, die innerhalb einer Funktion erstellt werden, auf diese Funktion beschränkt und werden sofort nach Abschluss der Ausführung der Funktion zerstört. Betrachten Sie beispielsweise eine Funktion mit dem Namen premiumContentAccess, die zwei Variablen enthält: articlesAllowedToAccess und currentlyAccessed.
function premiumContentAccess() { let articlesAllowedToAccess = 3; let currentlyAccessed = 0; } premiumContentAccess();
Wenn premiumContentAccess ausgeführt wird, werden die lokalen Variablen articlesAllowedToAccess und currentlyAccessed erstellt. Sobald die Funktionsausführung abgeschlossen ist, verlassen diese Variablen ihren Gültigkeitsbereich und kommen für die Garbage Collection in Frage, was bedeutet, dass sie effektiv zerstört werden und danach nicht mehr darauf zugegriffen werden kann.
Ist es möglich, den Zugriff auf diese Variablen auch nach der Ausführung von premiumContentAccess beizubehalten? Hier kommt der Abschluss.
Was ist Schließung?
Ein Abschluss wird gebildet, wenn eine Funktion zurückgegeben wird, die Zugriff auf ihre umgebenden (äußeren) Variablen hat. Diese Variablenreferenzen werden zusammen mit der Funktion gebündelt, sodass sie bestehen bleiben.
function premiumContentAccess() { let articlesAllowedToAccess = 3; let currentlyAccessed = 0; function accessArticle() { if (currentlyAccessed >= articlesAllowedToAccess) { return 'Premium Article Access Reached'; } currentlyAccessed++; return 'Article accessed'; } return accessArticle; } let accessArticle = premiumContentAccess(); console.log(accessArticle()); // Outputs: Article accessed console.log(accessArticle()); // Outputs: Article accessed console.log(accessArticle()); // Outputs: Article accessed console.log(accessArticle()); // Outputs: Premium Article Access Reached
Aufschlüsselung des Beispiels
1. Äußere Funktion: premiumContentAccess() ist die äußere Funktion, die die Variablen articlesAllowedToAccess und currentlyAccessed definiert.
2. Innere Funktion: accessArticle ist die innere Funktion, die aus ihrem lexikalischen Bereich, der in der äußeren Funktion definiert ist, auf die Variablen zugreift.
3. Abschluss: Wenn premiumContentAccess() aufgerufen wird, gibt es die Funktion accessArticle zurück und behält den Zugriff auf die Variablen articlesAllowedToAccess und currentlyAccessed bei. auch nachdem die Ausführung der äußeren Funktion abgeschlossen ist.
4. Statusaufbewahrung: Durch die Schließung kann accessArticle seinen eigenen Status hinsichtlich der Anzahl der Artikel beibehalten, auf die zugegriffen wurde. Jeder Aufruf von accessArticle ändert currentlyAccessed, das aufgrund der Schließung erhalten bleibt.
Alle Funktionen sind Abschlüsse:
Wie wir eingangs erwähnt haben, sind alle Funktionen natürlich Abschlüsse.
Das heißt: Sie behalten automatisch einen Verweis auf ihren Erstellungskontext über eine versteckte [[Environment]]-Eigenschaft bei, sodass ihr Code auf äußere Variablen zugreifen kann.
Ausnahme: Mit dem neuen Funktionskonstruktor erstellte Funktionen setzen die [[Umgebung]] auf den globalen Kontext statt auf den Erstellungskontext.
Vielen Dank fürs Lesen! Ich hoffe, Sie fanden diesen Blog informativ und ansprechend. Wenn Ihnen Ungenauigkeiten auffallen oder Sie Feedback haben, zögern Sie bitte nicht, mir dies mitzuteilen.
Das obige ist der detaillierte Inhalt vonVerschlüsse – Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Detaillierte Erläuterung der Methode für JavaScript -Zeichenfolge und FAQ In diesem Artikel werden zwei Möglichkeiten untersucht, wie String -Zeichen in JavaScript ersetzt werden: Interner JavaScript -Code und interne HTML für Webseiten. Ersetzen Sie die Zeichenfolge im JavaScript -Code Die direkteste Möglichkeit ist die Verwendung der Ersatz () -Methode: str = str.replace ("find", "ersetzen"); Diese Methode ersetzt nur die erste Übereinstimmung. Um alle Übereinstimmungen zu ersetzen, verwenden Sie einen regulären Ausdruck und fügen Sie das globale Flag G hinzu:: STR = Str.Replace (/fi

Hier sind Sie also bereit, alles über dieses Ding namens Ajax zu lernen. Aber was genau ist das? Der Begriff AJAX bezieht sich auf eine lose Gruppierung von Technologien, mit denen dynamische, interaktive Webinhalte erstellt werden. Der Begriff Ajax, ursprünglich von Jesse J geprägt

10 Fun JQuery Game -Plugins, um Ihre Website attraktiver zu machen und die Stickinität der Benutzer zu verbessern! Während Flash immer noch die beste Software für die Entwicklung von lässigen Webspielen ist, kann JQuery auch überraschende Effekte erzielen und zwar nicht mit reinen Action -Flash -Spielen vergleichbar sind, aber in einigen Fällen können Sie auch einen unerwarteten Spaß in Ihrem Browser haben. JQuery Tic Toe Game Die "Hello World" der Game -Programmierung hat jetzt eine Jquery -Version. Quellcode JQuery Crazy Word Kompositionsspiel Dies ist ein Spiel mit der Füllung, und es kann einige seltsame Ergebnisse erzielen, da das Wort nicht kennt. Quellcode JQuery Mine Sweeping Game

In Artikel werden JavaScript -Bibliotheken erstellt, veröffentlicht und aufrechterhalten und konzentriert sich auf Planung, Entwicklung, Testen, Dokumentation und Werbestrategien.

Dieses Tutorial zeigt, wie ein faszinierender Parallaxen -Hintergrundeffekt mit JQuery erstellt wird. Wir werden ein Header -Banner mit geschichteten Bildern bauen, die eine atemberaubende visuelle Tiefe erzeugen. Das aktualisierte Plugin funktioniert mit JQuery 1.6.4 und später. Laden Sie die herunter

In dem Artikel werden Strategien zur Optimierung der JavaScript -Leistung in Browsern erörtert, wobei der Schwerpunkt auf die Reduzierung der Ausführungszeit und die Minimierung der Auswirkungen auf die Lastgeschwindigkeit der Seite wird.

Matter.js ist eine in JavaScript geschriebene 2D -Motorhilfe -Physik -Engine. Diese Bibliothek kann Ihnen helfen, die 2D -Physik in Ihrem Browser problemlos zu simulieren. Es bietet viele Merkmale, wie die Möglichkeit, starre Körper zu erstellen und physikalische Eigenschaften wie Masse, Fläche oder Dichte zuzuweisen. Sie können auch verschiedene Arten von Kollisionen und Kräften simulieren, wie z. B. die Schwerkraft Reibung. Matter.js unterstützt alle Mainstream -Browser. Darüber hinaus ist es für mobile Geräte geeignet, da es Berührungen erkennt und reagiert. Alle diese Funktionen machen es Ihre Zeit wert, zu lernen, wie man die Engine benutzt. In diesem Tutorial werde ich die Grundlagen dieser Bibliothek, einschließlich ihrer Installation und Nutzung, behandeln und a bereitstellen

Dieser Artikel zeigt, wie Sie den Inhalt eines DIV automatisch alle 5 Sekunden mit JQuery und Ajax aktualisieren können. Das Beispiel holt und zeigt die neuesten Blog -Beiträge aus einem RSS -Feed zusammen mit dem letzten Aktualisierungstempel. Ein Ladebild ist Optiona


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

EditPlus chinesische Crack-Version
Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung

VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Dreamweaver Mac
Visuelle Webentwicklungstools