常见继承方式

原型链+借用构造函数的组合继承

function parent(val){
    this.val=val;
}
parent.prototype.getvalue=function(){
    console.log(this.val);
}
function Child(val){
    parent.call(this,val);
}
Child.prototype=new parent();
var child=new Child(1);
child.getvalue();
console.log(child instanceof parent);

在子类的构造函数中通过parent.call(this)继承父类的属性,然后改变子类的原型为new parent()来继承父类函数。
这种继承的方式,优点在于构造函数可以传参,不会与父类引用属性共享,可以复用父类的函数,缺点是继承父类函数的时候调用父构造函数,导致子类的原型上多了不需要的父类属性,存在内存浪费。

寄生组合继承(优化上一种组合继承)

function parent(val){
    this.val=val;
}
parent.prototype.getvalue=function(){
    console.log(this.val);
}
function Child(val){
    parent.call(this,val);
}
//Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__。 
Child.prototype=Object.create(parent.prototype,{
    constructor:{
        value:Child,
        enumerable:false,
        writable:true,
        configurable:true
    }
});
var child=new Child(1);
child.getvalue();
console.log(child instanceof parent);

将父类的原型赋值给子类,即解决了无用的父类属性问题,正确找到子类的构造函数。

ES6中class继承

class可以通过extends关键字实现继承,还可以通过static关键字定义类的静态方法。class关键字只是原型的语法糖,js继承依旧是基于原型实现的。

class parent{
    constructor(val){
        this.val=val;
    }
    getvalue(){
        console.log(this.val);
    }
}
class Child extends parent{
    constructor(val){
        super(parent);
        this.val=val;
    }
}
var child=new Child(1);
child.getvalue();
console.log(child instanceof parent);
function inheritPrototype(subType, superType){
    var prototype = Object.create(superType.prototype);       //创建对象
    prototype.constructor = subType;                   //增强对象
    subType.prototype = prototype;                     //指定对象
}

class实现继承核心在于使用extends表明继承自哪个父类,并且在子类构造函数中必须调用super,因为类似parent.call(this,val)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容

  • property shorthand & short methods 示例: object destructuri...
    zshanjun阅读 191评论 0 0
  • 跳出舒适区是一个渐进的过程,就好比说,从我9月16号提出辞职以来,到现在还得在公司做收尾工作。 而这段时间内,我知...
    乔女侠阅读 100评论 0 0
  • 万有阴阳。生我者也分阴阳,异性相生为正印,同性相生为枭印。 正印生身有情,是正向引导自己,以舒适、平和等让人如浴春...
    坚冰至_Monsol阅读 1,408评论 0 55
  • 凤楼春 尘海偶相逢,若酒情浓。 影玲珑,婀娜瘦柳舞东风。 唇点绛,脸桃红。 杏眼流波明皓齿,髻浪卷云丛。 语难通,...
    刀剑啸九天阅读 776评论 1 2
  • 我们常常会告别,与友人、与家人、与同事、与恋人……告别以后的再见,有的稀松平常,有的弥足珍贵,有的再无可能…… 稀...
    想念你的名字阅读 195评论 2 4