加入收藏 | 设为首页 | 会员中心 | 我要投稿 常州站长网 (https://www.0519zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

javascript如何实现继承?有哪些继承办法?

发布时间:2022-04-14 13:46:56 所属栏目:语言 来源:互联网
导读:javascript如何实现继承?有哪些继承方法?很多刚接触javascrip继承的朋友,可能对于javascrip继承方法不是很清楚,因此这篇文章文章就给大家介绍一下JavaScript 实现继承的几种方式,小编认为是比较实用的,下面就跟随小编一起来了解一下吧。 构造继承 (借
       javascript如何实现继承?有哪些继承方法?很多刚接触javascrip继承的朋友,可能对于javascrip继承方法不是很清楚,因此这篇文章文章就给大家介绍一下JavaScript 实现继承的几种方式,小编认为是比较实用的,下面就跟随小编一起来了解一下吧。
 
       构造继承 (借助call实现)
       实现
 
function Super(age){
 this.age = age;
 this.say = function(){
 console.log(this.age)
 }
}
function Child(name,age){
 Super.call(this,age)
 this.name = name;
}
var child = new Child("min",23)
console.log(child instanceof Super); // false
console.log(child instanceof Child); // true
       优点
 
       (1) 可以实现多继承(call多个父类对象)
       (2) 构造函数中可向父级传递参数
 
       缺点
 
       (1) 只能继承父类实例的属性和方法,不能继承原型上的属性和方法
       (2) 实例并不是父类的实例,只是子类的实例
 
       优点
       (1) 父类原型属性与方法,子类都能访问到
       (2) 实例是子类的实例,也是父类的实例
 
       缺点
       (1) 无法实现多继承 (2) 创建子类实例时,无法向父类构造函数传参
 
       组合继承 (构造继承+原型链继承)
       实现
 
function Super(age){
 this.age = age;
 this.getAge = function(){
 console.log(this.age);
 }
}
function Child(name,age){
 Super.call(this,age)
 this.name = name;
}
Child.prototype = new Super(1);
Child.prototype.constructor = Child;
var child = new Child("min",23);
console.log(child instanceof Super); // true
console.log(child instanceof Child); // true
console.log(child.constructor); // Child 

(编辑:常州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读