面向对象编程(二)-- 继承

 我们在上一节的时候探讨过面向对象的封装,和别的面向语言相比,js并没有class(类)的概念,那么我就要实现类的概念要怎么操作呢?今天就来说说js的几种继承。

一、何为继承

继承时一种在新对象上复用现有对象的属性的形式,是子类继承父类的特征和行为,使得子类对象具有父类的实例域和方法,这有助于复用代码和重复数据。

二、继承的方法

首先,我们先创建一个构造函数作为父类:

function Vip(){

    this.type = 'VIP'

}

Vip.prototype.money = 6666;  

我们再创建一个构造行数

 function User(name, age){

    this.name = name;

               this.age = age;

  }

我们现在想让User继承vip的属性/方法,要怎么继承呢?

1 )、原型链继承    让父类的实例作为子类的原型

User.prototype = new Vip();

console.log(User.prototype.constructor)  //VIP

User.prototype.constructor = User;

var zhang = new User('张三',29)

你会发现中间有一段User.prototype.constructor = User,我们上一节有说过,任何一个prototype对象都有一个constructor属性指向它的构造函数,任何一个实例constructor属性也指向创建它的构造函数。 所以根据上面的console你会发现通过User.prototype = new Vip()后指针会发生变化,这个时候我们就要帮它重新定义;

这个就是我们说的原型链继承了,它的优缺点也显而易见:

优点:

    1、父类新增原型方法/原型属性,子类都能访问到

    2、容易实现,不复杂

    3、即继承父类也继承子类

缺点:

    1、来自原型对象的所有属性被所有实例共享,如果实例更改原型对象上的引用类型的话,所有实例都会受到影响;(值类型成员不会更改,子类型成员会发生更改)

    2、创建子类实例时,无法向父类构造函数传参

2 )、构造函数继承  使用call或apply方法,把父类的构造函数赋值给子类

我们直接改写User构造函数

function User(name, age){

              Vip.call(this,arguments);

    this.name = name;

               this.age = age;

  }

var zhang = new User('张三',29);

优点:

1、只是继承子类,没有继承父类;

2、没有涉及父类的原型,只能引用父类函数的方法;

3、能够向父类函数传参数;

4、解决了第一种方式缺点1,子类实例共享父类引用属性的问题;

缺点:

  1、只能继承父类的实例属性和方法,不能继承父类的原型属性/方法

  2、实例并不是父类的实例,只是子类的实例


3 ) 、实例继承 为父类实例添加新特性,作为子类实例返回

 function User(name, age){

       var list = new Vip();

       list.name = name;

       list.age = age;

       return  list;

 }

var zhang = new User('张三', 29);


4 ) 拷贝继承  把父对象的所有属性和方法,拷贝进子对象, 实现继承

 function User(name, age){

       var list = new Vip();

        for(var p in animal){

            User.prototype[p] =  list[p];

      }

 }

var zhang = new User('张三', 29);

特点:

    1、支持多继承

    2、可以传参

缺点:

    1、效率较低,内存占用高(因为要拷贝父类的属性)

    2、无法获取父类不可枚举的方法(不能使用for in 访问到)


5) 组合继承  通过调用父类构造,继承父类的属性并保留传参的优点,然后通过将父类实例作为子类原型,实现函数复用(原型链继承+构造函数继承)

function User(name, age){

  Vip.call(this);

}

User.prototype = new Vip.();

User.prototype.constructor = User;

优势:

      1、拥有原型链继承和构造函数继承的优点

缺点:

     1、调用了两次父类构造函数,消耗了一些内存;

6) 寄生组合继承  相对于组合继承,通过第三对象继承父类的原型的方式,去掉继承父类实例属性,也避免了两次调用父类构造函数

function User(name, age){

  Vip.call(this);

}

  var Demo= function(){};

  Demo.prototype = Vip.prototype;

  User.prototype = new Demo();

  User.prototype.constructor = User;

   var zhang = new User('张三', 29);

优点:

  1、解决以上方法所有的缺点;

缺点:

  1、实现起来较为复杂



以上的方法有参考网络上的一些文章,如果你对以上的方法以及逻辑不是特别明白的话,欢迎留意或者查看以下文章, 会对你了解继承的方法很有用的:

阮一峰 Javascript面向对象编程(二):构造函数的继承

幻天芒 JS实现继承的几种方式

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

推荐阅读更多精彩内容