Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie Javascript-Verschlüsse

So verwenden Sie Javascript-Verschlüsse

WBOY
Freigeben: 2023-05-17 18:55:38
Original
626 Leute haben es durchsucht

Verwendung von JavaScript-Abschlüssen

JavaScript ist eine weit verbreitete Programmiersprache, die zur Entwicklung verschiedener Arten von Anwendungen verwendet werden kann. Unter diesen ist der Abschluss ein wichtiges Merkmal von JavaScript, das in der JavaScript-Programmierung eine wichtige Rolle spielt. In diesem Artikel wird die Verwendung von JavaScript-Verschlüssen ausführlich vorgestellt.

Was sind JavaScript-Abschlüsse?

Bevor wir die Verwendung von JavaScript-Abschlüssen einführen, müssen wir zunächst verstehen, was JavaScript-Abschlüsse sind. Einfach ausgedrückt bezieht sich ein Abschluss auf eine innerhalb einer Funktion definierte Funktion, und die Funktion kann auf die Variablen und Parameter der externen Funktion zugreifen. Diese interne Funktion bildet eine geschlossene Umgebung, sodass die Variablen und Parameter in der externen Funktion nach Ausführung der Funktion nicht zerstört werden.

Verwendung von JavaScript-Abschlüssen

Im Folgenden stellen wir einige Verwendungsmöglichkeiten von JavaScript-Abschlüssen vor:

  1. Kapselung privater Variablen

Durch die Verwendung von Abschlüssen können wir Variablen und Funktionen in einem privaten Bereich kapseln und so eine Funktion ähnlich einer erstellen private Variable. Auf diese Weise kann externer Code nicht direkt auf diese Variablen und Funktionen zugreifen, wodurch die Sicherheit und Stabilität des Programms gewährleistet wird.

Zum Beispiel können wir eine Abschlussfunktion definieren, um eine Variable zu kapseln:

function counter() {
    var count = 0;
    return function() {
        count++;
        console.log(count);
    }
}

var c = counter();
c(); // 输出1
c(); // 输出2
c(); // 输出3
Nach dem Login kopieren

Im obigen Code definieren wir einen Abschlussfunktionszähler, definieren eine Variablenanzahl innerhalb der Abschlussfunktion und geben eine Funktion zurück, auf die diese Funktion zugreifen kann Anzahl der externen Variablen. Auf diese Weise erstellen wir eine private Variablenanzahl, auf die externer Code nicht direkt zugreifen kann. Auf den Wert des Zählers kann nur durch Aufrufen der zurückgegebenen Funktion zugegriffen werden.

  1. Funktionsergebnisse zwischenspeichern

Bei einigen zeitaufwändigen Berechnungen möchten wir die Funktionsergebnisse zwischenspeichern, um die Ausführungseffizienz der Funktion zu verbessern. Durch die Verwendung eines Abschlusses können wir das Ergebnis in einer Variablen innerhalb des Abschlusses speichern und diesen Wert beim nächsten Aufruf der Funktion direkt zurückgeben, wodurch doppelte Berechnungen vermieden werden.

Zum Beispiel können wir eine Abschlussfunktion definieren, um die Fibonacci-Folge zu berechnen:

function fibonacci() {
    var cache = {};
    return function(n) {
        if (n in cache) {
            return cache[n];
        }
        if (n <= 1) {
            return n;
        }
        var result = fibonacci(n-1) + fibonacci(n-2);
        cache[n] = result;
        return result;
    }
}

var fib = fibonacci();
console.log(fib(10)); // 输出55
console.log(fib(20)); // 输出6765
console.log(fib(30)); // 输出832040
Nach dem Login kopieren

Im obigen Code definieren wir eine Abschlussfunktion Fibonacci, um die Fibonacci-Folge zu berechnen. Innerhalb der Funktion wird ein Cache-Objekt definiert, um das zwischengespeicherte Ergebnis zu speichern. Bei jedem Aufruf prüft die Funktion zunächst, ob das Ergebnis zwischengespeichert wurde. Andernfalls wird der Wert direkt zurückgegeben im Cache gespeichert und gibt schließlich das Ergebnis zurück.

  1. Vermeiden Sie Bereichsprobleme in Schleifen

In for-Schleifen, da der Variablenbereich in JavaScript auf Funktionsebene liegt, d. h. in der Schleife definierte Variablen sind in der gesamten Funktion sichtbar. Dies führt zu dem Problem der Variablenfreigabe innerhalb von Abschlüssen, wenn anonyme Funktionen in Schleifen verwendet werden. Durch die Verwendung von Verschlüssen können wir dieses Problem vermeiden.

Zum Beispiel können wir eine Abschlussfunktion definieren, um Klickereignisse in einer Schleife zu verarbeiten:

for (var i = 1; i <= 5; i++) {
    (function(j) {
        document.getElementById('btn-'+j).addEventListener('click', function() {
            console.log(j);
        });
    })(i);
}
Nach dem Login kopieren

Im obigen Code verwenden wir eine anonyme Funktion, die sofort aufgerufen wird, um einen Abschluss zu erstellen. In jeder Schleife wird die Variable i als Parameter an die Funktion übergeben und eine neue Variable j erstellt, um den Wert des Parameters zu speichern. Auf diese Weise speichert der in jeder Schleife erstellte Abschluss den Wert von j in seinem eigenen Bereich und vermeidet so das Problem der Variablenfreigabe.

Zusammenfassung

Closure ist eine wichtige Funktion in JavaScript. Es ermöglicht Funktionen, einen privaten Bereich zu erstellen und Variablen und Funktionen in diesem Bereich zu speichern, wodurch die Sicherheit und Stabilität des Programms verbessert wird. In diesem Artikel haben wir die Verwendung von JavaScript-Abschlüssen vorgestellt, einschließlich der Kapselung privater Variablen, der Zwischenspeicherung der Ergebnisse von Funktionen und der Vermeidung von Scoping-Problemen in Schleifen. Ich hoffe, dieser Artikel kann Ihnen helfen, JavaScript-Abschlüsse zu verstehen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Javascript-Verschlüsse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage