Maison > interface Web > js tutoriel > Un guide du débutant sur les fermetures JavaScript

Un guide du débutant sur les fermetures JavaScript

Patricia Arquette
Libérer: 2024-11-05 22:02:02
original
322 Les gens l'ont consulté

A Beginner

En JavaScript, une fermeture est une fonction qui conserve l'accès aux variables de sa portée parent, même une fois la fonction parent terminée. Ce comportement unique permet aux fonctions de « se souvenir » de leur contexte, ce qui rend les fermetures inestimables pour gérer les données privées et structurer du code complexe.

Pourquoi utiliser des fermetures ?

Les fermetures sont essentielles pour créer des variables privées et une logique encapsulée. En enveloppant la fonctionnalité dans une fermeture, vous pouvez protéger les variables des interférences externes, gardant ainsi le code organisé et sécurisé.

Exemple de fermeture : Compteur simple

Voici une utilisation courante des fermetures, où nous construisons une fonction de compteur qui conserve une variable de comptage privée :

function makeCounter() {
    let count = 0;

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

let counter = makeCounter();
counter(); // Logs: 1
counter(); // Logs: 2
counter(); // Logs: 3
Copier après la connexion

Chaque fois que counter() est appelé, il accède et incrémente la variable privée count, qui n'est accessible que dans makeCounter.

Exemple concret : gestionnaire de connexion

Les fermetures sont également utiles pour des scénarios plus complexes, comme la gestion des états de connexion des utilisateurs. Voici un gestionnaire de connexion avec contrôle d'état privé :

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
Copier après la connexion

La variable isLoggedIn est encapsulée dans createLoginManager, accessible uniquement via les méthodes renvoyées. Cette approche maintient les informations de connexion sécurisées et bien organisées.

Conclusion

Les fermetures peuvent sembler délicates au début, mais elles constituent un outil puissant pour organiser le code JavaScript, le rendant à la fois sécurisé et maintenable.

Pour en savoir plus sur les fermetures JavaScript avec des exemples et des informations supplémentaires, consultez mon article complet sur Medium : Qu'est-ce que les fermetures JavaScript ? Un guide pratique.

Bon codage !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal