面向对象的程序设计 <step 4 ~ 继承>

☞☞ 个人主页欢迎访问 ☜☜


大家好,我是苏日俪格,本文是面向对象的第四部分,纯属个人理解,有哪里不对的地方请在评论区指出,大家一起学习共同进步。

下面来看一下对象继承都有哪些方式:

原型链式继承:

原型链是面向对象中最常见最简单的,所谓原型链就是用父类实例来充当子类原型的对象
直接走栗子:

function Father(){
    this.aInfo = ['苏日俪格', 'web前端开发'];
}
function Child(){}
Child.prototype = new Father();
let child = new Child();
console.log(child.aInfo)    // ["苏日俪格", "web前端开发"]

child.aInfo.push(24);
console.log(child.aInfo)    // ["苏日俪格", "web前端开发", 24]

let child2 = new Child();
console.log(child2.aInfo)   // ["苏日俪格", "web前端开发", 24]

优点:简单易懂
缺点:由于这种原型链式继承实例之前共享了属性,所以在修改属性值的时候是存在引用的;还有个问题就是在创建实例的时候,无法给父类型构造函数中传递参数,因此一般不单独用原型链

这个时候面向对象的老板娘来了,笑着对大佬说了一句,想加薪不,想的话就加一下班处理一下,于是乎大佬们研究出了借用构造函数的继承方式 ↓↓↓

借用构造函数:

鉴于原型链的问题,就出现了借用构造函数的方式,就是在子类型的构造函数中调用超类型的构造函数,来实现继承,在调用的过程中,需要用apply或call方法来改变this的指向问题

  • 无参数构造函数:
function Father(){
    this.aInfo = ['苏日俪格', 'web前端开发'];
}
function Child(){
    Father.call(this);
}
Child.prototype = new Father();
let child = new Child();
console.log(child.aInfo)    // ["苏日俪格", "web前端开发"]

child.aInfo.push(24);
console.log(child.aInfo)    // ["苏日俪格", "web前端开发", 24]

let child2 = new Child();
console.log(child2.aInfo)   // ["苏日俪格", "web前端开发"]
  • 有参数构造函数:
function Father(name){
    this.aInfo = name;
}
function Child(age){
    Father.call(this, ['苏日俪格', 'web前端开发']);
    this.age = age;
}
Child.prototype = new Father();
let child = new Child(24);
console.log(child.aInfo)    // ["苏日俪格", "web前端开发"]
console.log(child.age)  // 24

优点:解决了原型链式存在的问题
缺点:代码复用性差,函数复用没办法解决,如果子类型构造函数过多,会导致内存泄漏的问题,因此这种方式也很少单独使用

这个时候面向对象的老板娘她又来了,面带不太自然的微笑刚准备开口说话,大佬说我加一下班处理一下,于是乎大佬们又研究出了组合继承的继承方式 ↓↓↓

组合继承

这就和创建对象时候使用的混合模式其实是一个道理,就是将原型链和借用构造函数结合,发挥二者的优点取长补短,实现共享方法不共享属性

function Person(name){
    this.aInfo = name;
}
Person.prototype.show = function(){
    console.log(this.aInfo);
};
function Child(name, age){
    Person.call(this, name);
    this.age = age;
}
Child.prototype = new Person();
Child.prototype.constructor = Child;
Child.prototype.showAge = function(){
    console.log(this.age);
};

let child1 = new Child(['苏日俪格', 'web前端开发'], 24);
child1.show();  // ["苏日俪格", "web前端开发"]
child1.aInfo.push('男');
child1.show();  // ["苏日俪格", "web前端开发", "男"]
child1.showAge();   // 24

let child2 = new Child(['赵云', '救阿斗'], 27);
child2.show();  // ["赵云", "救阿斗"]
child2.showAge();   // 27

优点:融合二者优点于一身,也是最常用的一种继承方式
缺点:虽然是最常用的一种继承方式,但是也有一丢丢瑕疵,就是无论什么情况下,都会调用两次超类型构造函数,在第一次call的时候,把父类型的实例属性拷贝了一份给子类实例属性,而这个属性根本就是活着浪费空气死了浪费土地型的,因此导致的原型引用属性在实例间共享;不过到这里,其实能感觉到就是一个小瑕疵,所以一般码农门也不会考虑它,毕竟相对于这一丁点劣势还是值得的。

这个时候面向对象的老板娘她还是来了,阴险的笑容马上就漏出来了,于是大佬们冷静的喝了一杯茶,回过头还是研究出了最佳的继承方式,就是寄生组合式继承法,这个方法也是目前的终极版了,各种优点体现的淋漓尽致,但是也有一个缺点就是理解起来编程的过程中有些复杂,别问我,因为我不想加薪(’ー’),所以就没看,想看的自己去问度娘吧(~ ̄▽ ̄)~

本文的所有内容均是一字一句敲上去的,希望大家阅读完本文可以有所收获,因为能力有限,掌握的知识也是不够全面,欢迎大家提出来一起分享!谢谢O(∩_∩)O~

欢迎访问我的GitHub,喜欢的可以star,项目随意fork,支持转载但要下标注,同时恭候:个人博客

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

推荐阅读更多精彩内容