Maison > interface Web > js tutoriel > Exemple d'implémentation de l'héritage d'objet dans les compétences Javascript_javascript

Exemple d'implémentation de l'héritage d'objet dans les compétences Javascript_javascript

WBOY
Libérer: 2016-05-16 16:48:38
original
1020 Les gens l'ont consulté
Copier le code Le code est le suivant :

;


Insérer le titre ici >
/**
* Format de l'objet json
{key:value,key:value,key:value..}
*/
//Petit exemple de création d'un objet
//-----1
var r={}
r.name; ="tom" ;
r.age=18;
//-----2
var r={name:"tom",age:20};//objet json
alert(r. age);
//---1,2 sont équivalents
//-------Comment écrire le mode prototype
//----1
function Person( ){};
Person.prototype.name="Chinese"
Person.prototype.age=20
//L'abréviation de mode prototype--2
function Person( ){ };
Person.prototype={name:"Chinese",
age:20,}
//-----1,2 équivalent
//==== = ===========================
/* {nom:"Chinois",
âge:20,}
Le format ci-dessus lui-même est un objet, et le passer au prototype d'un autre objet fera
tous les attributs de l'autre objet. En substance, c'est un héritage
*/
//==================================
/ /Exemple d'héritage d'objet standard, Personne, Étudiant
//Définir un objet Personne
function Person(){};
Person.prototype.name="Chinese"; prototype.age=20;
var person=new Person();
//Définir un objet Student
function Student(){}; prototype. girlFriend="Yes";
var stu=new Student();
stu.laop="Pas de tomber amoureux"
alert(stu.name);//Instance héritée de l'objet parent
alert(stu.laop);//Mes attributs nouvellement ajoutés

//Définir la
fonction Teamleader(){} d'un objet Teamleader
Teamleader.prototype=new Student( ); //Hérité de l'étudiant
Teamleader.prototype.teamNum=8;//Propres attributs de Teamleader
//Créez votre propre instance
var teamleader=new Teamleader();
alert(teamleader .teamNum) ;
teamleader.girlFriend="Non autorisé non plus";
alert(teamleader.name);//=============== ===== ============
/*Le cœur de l'héritage en js est le prototype*/
//============== ==== ==============


🎜>

É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