欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS混合继承详解

程序员文章站 2022-04-18 09:30:58
...
本文主要和大家分享JS混合继承详解,希望能帮助到大家。
<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>

以上就是JS混合继承详解的详细内容,更多请关注其它相关文章!