Heim > Web-Frontend > js-Tutorial > Ein Anfängerleitfaden für JavaScript-Abschlüsse

Ein Anfängerleitfaden für JavaScript-Abschlüsse

Patricia Arquette
Freigeben: 2024-11-05 22:02:02
Original
307 Leute haben es durchsucht

A Beginner

In JavaScript ist ein Abschluss eine Funktion, die den Zugriff auf Variablen aus ihrem übergeordneten Bereich beibehält, selbst nachdem die übergeordnete Funktion abgeschlossen wurde. Dieses einzigartige Verhalten ermöglicht es Funktionen, sich an ihren Kontext zu „merken“, was Abschlüsse für die Verwaltung privater Daten und die Strukturierung von komplexem Code von unschätzbarem Wert macht.

Warum Verschlüsse verwenden?

Abschlüsse sind für die Erstellung privater Variablen und gekapselter Logik unerlässlich. Indem Sie die Funktionalität in einen Abschluss einschließen, können Sie Variablen vor externen Eingriffen schützen und den Code organisiert und sicher halten.

Beispiel für einen Abschluss: Einfacher Zähler

Hier ist eine häufige Verwendung von Abschlüssen, bei der wir eine Zählerfunktion erstellen, die eine private Zählvariable beibehält:

function makeCounter() {
    let count = 0;

    return function() {
        count++;
        console.log(count);
    };
}

let counter = makeCounter();
counter(); // Logs: 1
counter(); // Logs: 2
counter(); // Logs: 3
Nach dem Login kopieren

Jedes Mal, wenn counter() aufgerufen wird, greift es auf die private Zählvariable zu und erhöht diese, auf die nur innerhalb von makeCounter zugegriffen werden kann.

Beispiel aus der Praxis: Login Manager

Abschlüsse sind auch für komplexere Szenarien nützlich, etwa für die Verwaltung des Anmeldestatus von Benutzern. Hier ist ein Login-Manager mit privater Statuskontrolle:

function createLoginManager() {
    let isLoggedIn = false;

    return {
        login: function() { isLoggedIn = true; },
        logout: function() { isLoggedIn = false; },
        isLoggedIn: function() { return isLoggedIn; }
    };
}

let loginManager = createLoginManager();
console.log(loginManager.isLoggedIn()); // false
loginManager.login();
console.log(loginManager.isLoggedIn()); // true
Nach dem Login kopieren

Die Variable isLoggedIn ist in createLoginManager gekapselt und nur über die zurückgegebenen Methoden zugänglich. Durch diesen Ansatz bleiben die Anmeldeinformationen sicher und gut organisiert.

Fazit

Schließungen mögen auf den ersten Blick schwierig erscheinen, aber sie sind ein leistungsstarkes Tool zum Organisieren von JavaScript-Code, das ihn sowohl sicher als auch wartbar macht.

Um mehr über JavaScript-Verschlüsse mit zusätzlichen Beispielen und Erkenntnissen zu erfahren, lesen Sie meinen vollständigen Artikel auf Medium: Was sind JavaScript-Verschlüsse? Ein praktischer Leitfaden.

Viel Spaß beim Codieren!

Das obige ist der detaillierte Inhalt vonEin Anfängerleitfaden für JavaScript-Abschlüsse. 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