JS混合继承详解

小云云
Lepaskan: 2018-03-17 17:06:38
asal
1655 orang telah melayarinya

本文主要和大家分享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>
Salin selepas log masuk

Atas ialah kandungan terperinci JS混合继承详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan