Une brève discussion sur le gestionnaire de liaison de boucle dans JS Closure_Basic Knowledge

Quand j'écrivais du code js front-end au travail il y a quelques jours, j'ai rencontré le problème de parcourir des éléments et de leur ajouter des événements de clic. C’est cette question qui m’a tenu à l’écoute pendant tout un après-midi. Finalement, je suis rentré du travail et j'ai recherché des informations en ligne pour savoir comment résoudre le problème. (PS : j'ai également entendu parler des gestionnaires de liaison de boucles dans la quatrième édition du "Tutoriel JQuery Basics". Je n'y ai probablement pas prêté beaucoup d'attention à l'époque, donc je ne m'en souviens pas.)
Si le maître est au courant de ce genre de situation, vous pouvez fermer la fenêtre. J'écris ceci principalement pour les novices comme moi. Merci!

Publiez d’abord l’exemple d’erreur pour que tout le monde puisse le voir. (jQuery est utilisé dans l'exemple, veuillez importer la bibliothèque jQuery)

Copier le code Le code est le suivant :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml"> ​ ​ ​ ​ ​Bouton 1 ​ Bouton 2 ​ Bouton 3 ​Bouton 4


Une fois ce code exécuté, cliquez sur le bouton et l'alerte contextuelle affiche le nombre de données. J'ai toujours pensé que les boutons 1 à 4 et les numéros correspondants dans l'alerte étaient également 1 à 4. Si vous le pensez, vous vous trompez.
Lorsque vous cliquez sur chaque bouton, le chiffre 4 s’affiche dans l’alerte. Je ne m’y attendais pas !
Maintenant, je vais écrire plusieurs solutions pour votre référence !
La première méthode consiste à écrire une fonction et à renvoyer une fonction dans cette fonction





Copier le code


Le code est le suivant :

La deuxième méthode consiste à utiliser l'expression de fonction d'appel immédiat
​(fonction(valeur){
​​​​//Bloc de code
})(i)//C'est l'expression pour appeler la fonction immédiatement

Copier le code


Le code est le suivant :

La troisième méthode consiste à utiliser la fonction each de jQuery