js原型继承

weixin_38169562

于 2017-03-10 10:59:00 发布

阅读量53

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zzgyq/p/6529537.html

本文通过一个具体的JavaScript示例展示了如何实现原型链继承，包括父类和子类的定义及方法覆盖。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<script type="text/javascript">

Function.prototype.extend = function( fn){
for ( var attr in fn.prototype) {
this.prototype[attr] = fn.prototype[attr]
}
}
function Father(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;

}
Father.prototype.play = function(){
console.log(this.name+'打篮球')
}
Father.prototype.eat = function(){
console.log(this.name+'吃大米')
}
Father.prototype.drink = function(){
console.log(this.name+'喝牛奶')
}
function Child(name,age,sex,height){
Father.call( this,name,age,sex);
this.height = height;
}
Child.extend( Father )
Child.prototype.play = function(){
console.log(this.name+'dadada')
}
//
var father = new Father('张三','18','男');
var child = new Child('张四','18','男','160t')
child.play()
father.play()
alert(child.height)

</script>
</body>
</html>