Maison >interface Web >js tutoriel >Introduction à l'utilisation de extend dans JQuery_jquery

Introduction à l'utilisation de extend dans JQuery_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2016-05-16 16:55:51876parcourir

Le prototype de la méthode extend dans Jquery est :
 
1 extend(dest,src1,src2,src3...);
Cela signifie étendre src1,src2,src3...); Fusionné dans dest, la valeur de retour est la destination fusionnée. On peut voir que cette méthode modifie la structure de dest après la fusion. Si vous souhaitez obtenir le résultat fusionné mais ne souhaitez pas modifier la structure dest, vous pouvez l'utiliser comme suit :

2. var newSrc=$.extend({},src1,src2,src3. ..)//c'est-à-dire Utilisez "{}" comme paramètre dest.
De cette façon, src1, src2, src3... peuvent être fusionnés, puis le résultat fusionné sera renvoyé à newSrc.
L'exemple suivant :

Copier le code Le code est le suivant :

var result =$.extend ({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})

Puis le résultat fusionné
result={ name:"Jerry",age:21,sex:"Boy"}
C'est-à-dire que si le dernier paramètre a le même nom que le paramètre précédent, alors le dernier paramètre écrasera la valeur du paramètre précédent .

3. extend(boolean,dest,src1,src2,src3...)
Le premier paramètre booléen représente s'il faut effectuer une copie complète, et les autres paramètres sont les mêmes que ceux introduits précédemment
Par exemple
Copier le code Le code est le suivant :

var result=$.extend ( true, {},
{ nom : "John", emplacement : {ville : "Boston", comté : "USA"} },
{ dernier : "Resig", emplacement : {état : "MA ",county:"China"} } );

On peut voir que l'emplacement du sous-objet : {city: "Boston"} est imbriqué dans src1, et l'emplacement du sous-objet : { state: "MA"} est également imbriqué dans src2. Si un paramètre de copie complète est vrai, alors le résultat fusionné est :
Copier le code <.> Le code est le suivant :
result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:" Chine"}}

Aussi C'est-à-dire qu'il fusionnera également les sous-objets imbriqués dans src, et si le premier paramètre booléen est faux, voyons quel est le résultat de la fusion, comme suit :

Copier le code Le code est le suivant :
var result=$.extend ( false, {},
{ nom : "John", emplacement :{ ville : "Boston", comté : "USA"} },
{ dernier : "Resig", emplacement : {état : "MA ",county:"China"} } );

Ensuite, le résultat fusionné est :

Copier le code Le code est le suivant :
result={name :"John",last:"Resig",location:{state:"MA",county:"China"}}

Déclaration:
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