Heim Web-Frontend js-Tutorial Was sind Verschlüsse in Javascript?

Was sind Verschlüsse in Javascript?

Nov 20, 2017 pm 03:28 PM
javascript js 闭包

Was ist eine Schließung?

Was ist eine Schließung? Schließung, eine neue Funktion, die statische Sprachen nicht haben. Aber der Abschluss ist nicht allzu kompliziert, um ihn zu verstehen. Kurz gesagt, der Abschluss ist eine Sammlung lokaler Variablen der Funktion, aber diese lokalen Variablen bleiben bestehen, nachdem die Funktion zurückgekehrt ist. Schließung bedeutet, dass der „Stapel“ einer Funktion nicht freigegeben wird, nachdem die Funktion zurückgegeben wurde. Wir können auch verstehen, dass diese Funktionsstapel nicht auf dem Stapel, sondern auf dem Heap zugewiesen werden, wenn eine andere Funktion innerhalb einer Funktion definiert wird . Tasche.

Abschluss = Funktion, die innerhalb der Funktion erstellt wurde (oder kurz interne Funktion) + Umgebungsinformationen, als die Funktion erstellt wurde

Abschluss ist also nicht gleichbedeutend mit anonymer Funktion, obwohl manche Leute diese Funktionen The nennen Die intern erstellte Funktion ist eine Abschlussfunktion, aber ich denke, sie ist nicht korrekt.

Sehen wir uns den folgenden Code an:

function init() {
    var name = "Zilongshanren"; // name 是在 init 函数里面创建的变量
    // displayName() 是一个内部函数,即一个闭包。注意,它不是匿名的。
    function displayName() {
        console.log(name);
    }
    //当 displayName 函数返回后,这个函数还能访问 init 函数里面定义的变量。
    return displayName;
}
var closure = init();
closure();
Zilongshanren
undefined
Nach dem Login kopieren

displayName ist eine Funktion, die innerhalb der Init-Funktion erstellt wurde. Sie trägt alle Informationen des internen Bereichs der Init-Funktion, wie z der Name hier. Wenn die Funktion displayName zurückkehrt, trägt sie selbst die Umgebungsinformationen, als sie erstellt wurde, d. h. die Namensvariable in der Funktion init.

Was bewirkt die Schließung?

Nachdem Sie verstanden haben, was ein Verschluss ist, fragen Sie sich vielleicht: Dieses Ding ist so schwer zu verstehen, welchen Nutzen hat es?

Da es in JS keine Möglichkeit gibt, private Methoden zu erstellen, gibt es nicht wie in Java oder C++ das Schlüsselwort private, um private Eigenschaften und Methoden zu definieren. In JS können nur Funktionen Objekte erstellen, die zu ihrem eigenen Bereich gehören. JS hat keinen Blockbereich! Ich werde später einen weiteren Artikel schreiben, um dies im Detail vorzustellen.

Jeder Programmierveteran weiß, dass Kapselung und Abstraktion gut eingesetzt werden müssen, um ein Programm gut zu schreiben! Die Unfähigkeit, private Eigenschaften und Methoden zu definieren, bedeutet, dass Kapselung und Abstraktion überhaupt nicht verwendet werden können. . .

Sie können keine privaten Dinge definieren, alle Variablen und Funktionen sind öffentlich. Es gibt offensichtlich ein Problem: Global ist böse!

Schließungen sind unsere Rettung!

Sehen wir uns den folgenden Code an:

var makeCounter = function() {
    var privateCounter = 0;
    function changeBy(val) {
        privateCounter += val;
    }
    return {
        increment: function() {
            changeBy(1);
        },
        decrement: function() {
            changeBy(-1);
        },
        value: function() {
            return privateCounter;
        }
    }
};
var counter1 = makeCounter();
var counter2 = makeCounter();
console.log(counter1.value()); /* Alerts 0 */
counter1.increment();
counter1.increment();
console.log(counter1.value()); /* Alerts 2 */
counter1.decrement();
console.log(counter1.value()); /* Alerts 1 */
console.log(counter2.value()); /* Alerts 0 */
0
2
1
0
undefined
Nach dem Login kopieren

Die Variable privateCounter und changeBy hier sind privat und für außerhalb der makeCounter-Funktion völlig unsichtbar. Auf diese Weise verbirgt das Objekt, das wir über makeCounter generieren, alle seine privaten Daten und privaten Methoden.

Erinnert dich das an irgendetwas?

Haha, ist das nicht nur OO? Kapseln Sie Daten und Methoden zum Betreiben von Daten und schließen Sie die Datenverarbeitung dann über öffentliche Schnittstellenaufrufe ab.

Natürlich kann man sagen, dass ich OO auch mithilfe der prototypischen Vererbung implementieren kann. Ja, das tun mittlerweile die meisten Menschen, uns eingeschlossen. Allerdings ist Vererbung immer sehr schwer zu verstehen, denn um einen Codeabschnitt zu verstehen, muss man alle seine Vererbungsketten verstehen. Wenn der Code einen Fehler enthält, ist das Debuggen sehr schwierig.

Das ist zu weit. Schauen wir uns als Nächstes an, wie man Verschlüsse richtig verwendet.

Wie verwendet man Verschlüsse richtig?

Schließungen belegen Speicher und wirken sich auch auf die Ausführungseffizienz der js-Engine aus. Wenn ein Codeabschnitt daher häufig ausgeführt wird, sollten Sie die Verwendung von Schließungen in diesem Code sorgfältig in Betracht ziehen.

Sehen wir uns eine Funktion an, die ein Objekt erstellt:

function MyObject(name, message)
 {    this.name = name.toString();  
   this.message = message.toString();   
    this.getName = function()
     {        return this.name;    };   
      this.getMessage = function() 
      {        return this.message;    };}
      var myobj = new MyObject();
var myobj = new MyObject();
Nach dem Login kopieren

Jedes Mal, wenn sie aufgerufen wird, um ein neues Objekt zu generieren, werden zwei Abschlüsse generiert. Wenn Ihr Programm Tausende solcher MyObject-Objekte enthält, wird es viel mehr Speicher beanspruchen.

Der richtige Ansatz sollte darin bestehen, die Prototypenkette zu verwenden:

function MyObject(name, message) {
    this.name = name.toString();
    this.message = message.toString();
}
MyObject.prototype.getName = function() {
    return this.name;
};
MyObject.prototype.getMessage = function() {
    return this.message;
};
var myobj = new MyObject();
Nach dem Login kopieren

Jetzt definiert der MyObject-Prototyp zwei Methoden. Wenn wir ein Objekt über new erstellen, werden diese beiden Methoden nur verwendet Kopie auf dem Prototyp gespeichert.

Wie funktioniert der Abschluss?

Ein Abschluss ist ebenfalls eine Funktion, speichert aber zusätzliche Umgebungsinformationen, sodass er theoretisch mehr Speicher beansprucht als eine reine Funktion und die JS-Engine mehr verbraucht, wenn sie den Abschluss interpretiert und ausführt. Der Leistungsunterschied zwischen ihnen liegt jedoch zwischen 3 % und 5 % (dies sind die von Google erhaltenen Daten, die möglicherweise nicht sehr genau sind).

Allerdings sind die Vorteile des Verschlusses auf jeden Fall großartig. Verwenden Sie mehr Schließungen und zustandslose Programmierung, um Fehler von uns fernzuhalten.

Wenn Sie Abschlüsse verstehen, können Sie die meisten Js-Klassenbibliotheken des FP-Paradigmas und die dahinter verborgenen Designideen verstehen. Natürlich reicht die Schließung nicht aus. Sie müssen sich auch mit Konzepten wie FP, Staatenlosigkeit und Lambda-Kalkül einer Gehirnwäsche unterziehen.

Ich hoffe, dass Sie nach Abschluss dieses Artikels ein Verständnis für js-Verschlüsse haben.

Verwandte Empfehlungen:

Eine einfache Erklärung von Abschlüssen in JS

Wie man Abschlüsse und Klassen in JS versteht

Ein einfaches Verständnis von js-Verschlüssen

Das obige ist der detaillierte Inhalt vonWas sind Verschlüsse in Javascript?. 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ßer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

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)

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

Was bedeutet der Abschluss im C++-Lambda-Ausdruck? Was bedeutet der Abschluss im C++-Lambda-Ausdruck? Apr 17, 2024 pm 06:15 PM

In C++ ist ein Abschluss ein Lambda-Ausdruck, der auf externe Variablen zugreifen kann. Um einen Abschluss zu erstellen, erfassen Sie die äußere Variable im Lambda-Ausdruck. Abschlüsse bieten Vorteile wie Wiederverwendbarkeit, Ausblenden von Informationen und verzögerte Auswertung. Sie sind in realen Situationen nützlich, beispielsweise bei Ereignishandlern, bei denen der Abschluss auch dann noch auf die äußeren Variablen zugreifen kann, wenn diese zerstört werden.

Wie implementiert man einen Abschluss im C++-Lambda-Ausdruck? Wie implementiert man einen Abschluss im C++-Lambda-Ausdruck? Jun 01, 2024 pm 05:50 PM

C++-Lambda-Ausdrücke unterstützen Abschlüsse, die Funktionsbereichsvariablen speichern und sie für Funktionen zugänglich machen. Die Syntax lautet [capture-list](parameters)->return-type{function-body}. Capture-Liste definiert die zu erfassenden Variablen. Sie können [=] verwenden, um alle lokalen Variablen nach Wert zu erfassen, [&], um alle lokalen Variablen nach Referenz zu erfassen, oder [Variable1, Variable2,...], um bestimmte Variablen zu erfassen. Lambda-Ausdrücke können nur auf erfasste Variablen zugreifen, den ursprünglichen Wert jedoch nicht ändern.

Was sind die Vor- und Nachteile von Abschlüssen in C++-Funktionen? Was sind die Vor- und Nachteile von Abschlüssen in C++-Funktionen? Apr 25, 2024 pm 01:33 PM

Ein Abschluss ist eine verschachtelte Funktion, die auf Variablen im Bereich der äußeren Funktion zugreifen kann. Zu ihren Vorteilen gehören Datenkapselung, Zustandserhaltung und Flexibilität. Zu den Nachteilen gehören der Speicherverbrauch, die Auswirkungen auf die Leistung und die Komplexität des Debuggens. Darüber hinaus können Abschlüsse anonyme Funktionen erstellen und diese als Rückrufe oder Argumente an andere Funktionen übergeben.

Der Einfluss von Funktionszeigern und -abschlüssen auf die Golang-Leistung Der Einfluss von Funktionszeigern und -abschlüssen auf die Golang-Leistung Apr 15, 2024 am 10:36 AM

Die Auswirkungen von Funktionszeigern und -abschlüssen auf die Go-Leistung sind wie folgt: Funktionszeiger: Etwas langsamer als direkte Aufrufe, aber verbessert die Lesbarkeit und Wiederverwendbarkeit. Schließungen: Normalerweise langsamer, kapseln aber Daten und Verhalten. Praktischer Fall: Funktionszeiger können Sortieralgorithmen optimieren und Abschlüsse können Ereignishandler erstellen, aber sie bringen Leistungseinbußen mit sich.

Die Beziehung zwischen js und vue Die Beziehung zwischen js und vue Mar 11, 2024 pm 05:21 PM

Die Beziehung zwischen js und vue: 1. JS als Eckpfeiler der Webentwicklung; 2. Der Aufstieg von Vue.js als Front-End-Framework; 3. Die komplementäre Beziehung zwischen JS und Vue; Vue.

Wie werden Schließungen in Java implementiert? Wie werden Schließungen in Java implementiert? May 03, 2024 pm 12:48 PM

Abschlüsse in Java ermöglichen es inneren Funktionen, auf äußere Bereichsvariablen zuzugreifen, selbst wenn die äußere Funktion beendet wurde. Durch anonyme innere Klassen implementiert, enthält die innere Klasse einen Verweis auf die äußere Klasse und hält die äußeren Variablen aktiv. Schließungen erhöhen die Codeflexibilität, Sie müssen sich jedoch des Risikos von Speicherverlusten bewusst sein, da Verweise auf externe Variablen durch anonyme innere Klassen diese Variablen am Leben halten.

Verkettete Aufrufe und Schließungen von PHP-Funktionen Verkettete Aufrufe und Schließungen von PHP-Funktionen Apr 13, 2024 am 11:18 AM

Ja, die Einfachheit und Lesbarkeit des Codes können durch verkettete Aufrufe und Abschlüsse optimiert werden: Verkettete Aufrufe verknüpfen Funktionsaufrufe in einer fließenden Schnittstelle. Abschlüsse erstellen wiederverwendbare Codeblöcke und greifen auf Variablen außerhalb von Funktionen zu.

See all articles