Heim > Web-Frontend > js-Tutorial > Verschlüsse – Javascript

Verschlüsse – Javascript

Susan Sarandon
Freigeben: 2024-11-11 04:57:02
Original
784 Leute haben es durchsucht

Closures - Javascript

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();
Nach dem Login kopieren

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
Nach dem Login kopieren

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!

Quelle:dev.to
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage