Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der gemischten JS-Vererbung
Dieser Artikel teilt Ihnen hauptsächlich die detaillierte Erklärung der gemischten JS-Vererbung mit, ich hoffe, er kann Ihnen helfen.
<script type="text/javascript"> window.onload=function(){ //混合继承:原型实现继承+借用构造函数继承 function Person(name,age,gender,wight){ this.name=name; this.age=age; this.gender=gender; this.wight=wight; } Person.prototype.sayHi=function(){ console.log("欢迎!"); } function Student(name,age,gender,wight,score){ Person.call(this,name,age,gender,wight);//实现属性继承 this.score=score; } Student.prototype=new Person();//实现方法继承 Student.prototype.sleep=function(){ console.log("请保证充足睡眠!"); } var stu=new Student("lll",20,"male",150,100); console.log(stu.name,stu.age,stu.gender,stu.wight,stu.score); stu.sayHi(); stu.sleep(); var stu2=new Student("222",22,"female",100,110); console.log(stu2.name,stu2.age,stu2.gender,stu2.wight,stu2.score); stu2.sayHi(); stu2.sleep(); } </script>
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der gemischten JS-Vererbung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!