Maison > Article > interface Web > Un guide du débutant sur les fermetures JavaScript
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.
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
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
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.
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!