Maison > interface Web > js tutoriel > Comment implémenter le plug-in jQuery d'appel en chaîne

Comment implémenter le plug-in jQuery d'appel en chaîne

anonymity
Libérer: 2020-09-18 09:50:54
original
2758 Les gens l'ont consulté

Comment implémenter le plug-in jQuery d'appel en chaîne : créez d'abord l'objet et appelez votre propre méthode ; puis ajoutez [return this] à la fin de la méthode, enfin repliez l'objet pour que l'objet puisse continuer ; pour appeler des méthodes, réalisant ainsi un fonctionnement en chaîne.

Comment implémenter le plug-in jQuery d'appel en chaîne

La condition de base pour réaliser le chaînage est de créer d'abord l'objet instance et d'appeler votre propre méthode.

Les appels en chaîne sont mis en œuvre sous forme de retour ceci. En ajoutant return this à la méthode sur l'objet et en renvoyant l'objet, l'objet peut continuer à appeler des méthodes pour réaliser des opérations en chaîne.

Obj().init().setFlag();
Copier après la connexion

Décomposition :

obj = Obj();
obj.init();
obj.setFlag();
Copier après la connexion

Si vous avez besoin d'un traitement en chaîne, il vous suffit de renvoyer l'objet d'instance actuel à l'intérieur de la méthode, car le retour de celui-ci de l'instance actuelle est à nouveau accessible. Mon propre prototype .

Obj.prototype = {
init: function() {
...
        return this;
    },
setFlag: function() {
...
        return this;
    }
}
Copier après la connexion

Avantages des appels en chaîne : enregistrer le code et rendre le code plus élégant.

Le problème avec les appels en chaîne : toutes les méthodes objet renvoient l'objet lui-même, ce qui signifie qu'il n'y a pas de valeur de retour, cette méthode peut donc ne convenir à aucun environnement.

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal