- 继承:继承共同的属性和方法,不用重复写相同的属性;
- 继承后可以再写自己独有的属性和方法 ;
- 比如:继承父亲已有的财产,在此基础上再加上自己创造的财产;
1、ES5继承方法
(1)创建继承体
- 先创建一个继承体(被继承的):
<script>
function Person(){
this.name =name,
this.age = age
}
Person.prototype.say() = function(){
console.log("111",this.name)
}
var obj = new Person()
obj.say()
</script>
(2)继承属性和原型方法
- 在创建一个学生构造函数,但是这个构造函数要继承上面的人的属性和原型方法;
- 先继承属性:
//创建一个Student构造函数
function Student(name,age,grade){
//继承Person的name和age属性,call(this)是为了改变this指向,让this指向由Person变为Student
Person.call(this,name,age)
this.grade = grade
}
var obj2 = new Student('linlin',24,98)
console.log(obj2)
- 这个call(this)是为了改变this指向,Person里的this指向的是Person构造函数,既然都继承了,当然是要改变this指向了,指向为Student。。。
- 然后再继承的基础上,Student构造函数还可以加上自己的属性:this.grade = grade
- 继承属性的完整代码:
<script>
function Person(name,age){
//Person属性
this.name = name,
this.age = age
}
Person.prototype.say = function(){
console.log("111",this.name)
}
//创建一个Student构造函数
function Student(name,
今天的文章面向对象继承:ES5继承和ES6继承:extends、super()分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/65134.html