Heim > Web-Frontend > js-Tutorial > Implementierungsbeispiel der Objektvererbung in Javascript_Javascript-Kenntnissen

Implementierungsbeispiel der Objektvererbung in Javascript_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:48:38
Original
1022 Leute haben es durchsucht
Code kopieren Der Code lautet wie folgt:


;

Titel hier einfügen >
/**
* Format des JSON-Objekts
{key:value,key:value,key:value..}
*/
//Kleines Beispiel für die Erstellung eines Objekts
//-----1
var r={}; ="tom" ;
r.age=18;
//-----2
var r={name:"tom",age:20};//json object
Alert(r. Alter);
//---1,2 sind gleichwertig
//-------Wie schreibe ich den Prototypenmodus
//----1
function Person( ){};
Person.prototype.name="Chinese";
Person.prototype.age=20
//Die Abkürzung für Prototyp-Modus--2
function Person( ){ };
Person.prototype={name:"Chinese",
Alter:20,}
//-----1,2 Äquivalent
//==== = ==========================
/* {Name:"Chinese",
Alter:20,}
Das obige Format selbst ist ein Objekt, und wenn es an den Prototyp eines anderen Objekts übergeben wird, werden
alle Attribute des anderen Objekts erstellt. Im Wesentlichen handelt es sich um Vererbung
*/
//=================================
/ /Beispiel für die Standardobjektvererbung, Person, Student
//Definieren Sie ein Personenobjekt
function Person(){};
Person.prototype.name="
Person. prototyp.age=20;
var person=new Person();
function Student(){}; Prototyp. girlFriend="Ja";
var stu=new Student();
stu.laop="Kein Verlieben";//Instanz vom übergeordneten Objekt geerbt
alert(stu.laop);//Meine neu hinzugefügten Attribute

//Definieren Sie die
Funktion Teamleader(){};
Teamleader.prototype=new Student( ); //Geerbt von Student
Teamleader.prototype.teamNum=8;//Eigene Attribute von Teamleader
//Erstellen Sie Ihre eigene Instanz
var teamleader=new Teamleader();
alert(teamleader .teamNum) ;
teamleader.girlFriend="Auch nicht erlaubt";
alert(teamleader.name>//============== ============
/*Der Kern der Vererbung in js ist der Prototyp*/
//============== ==== =============

🎜>

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage