javascript的继承——组合继承

柔情只为你懂 2021-12-05 20:47 423阅读 0赞

**组合继承是指子类同时对父类进行原型链继承和构造函数继承，也是实际开发中常用的继承方式。如果对原型链继承和构造函数继承还不清楚的同学可以点下面的传送门：**

**原型链继承：[传送门][Link 1]**  
**构造函数继承：[传送门][Link 2]**

1.  父类构造函数中的属性和方法都可以被子类继承；
2.  父类原型上的属性和方法都可以被子类继承；
3.  父类实例上的属性和方法无法被继承；
4.  父类构造函数中的属性和方法在所有子类实例中是不共享的；
5.  父类原型上的属性和方法在所有子类实例中是共享的；
6.  创建子类实例时可以向父类构造函数传参；
7.  允许多重继承（同时继承多个不同的父类）。

下面上一个组合继承的例子：

var Father = function (id) { 
        //父类构造函数中的属性和方法可以被继承
        this.id = id;
        this.type = "father";
        this.getId = function () { 
            return this.id;
        };
        this.getType = function () { 
            return this.type;
        };
    };
    var Mother = function (id) { 
        this.mType = "mother";
    };
    //父类原型上的属性和方法无法被继承
    Father.prototype.gender = "male";
    Father.prototype.getGender = function () { 
        return this.gender;
    };
    
    //父类实例上的属性和方法无法被继承
    var father = new Father();
    father.job = "driver";
    father.getJob = function () { 
        return this.job;
    };
    
    var Son = function (id) { 
        //允许多重继承
        Father.call(this, id);
        Mother.call(this);
    };
    Son.prototype = new Father();
    var son1 = new Son(1);
    //打印结果为father father，表示：子类可以正常调用父类构造函数中的属性和方法
    console.log(son1.type + " " + son1.getType());
    //打印结果为male，表示：子类可以正常调用父类原型上的属性和方法
    console.log(son1.getGender());
    //打印结果为undefined driver driver，表示：子类无法获取父类实例上的属性和方法
    console.log(son1.job + " " + father.job + " " + father.getJob());
    //打印结果为father mother，表示：子类可以同时继承多个父类
    console.log(son1.type + " " + son1.mType);
    Father.prototype.gender = "change male";
    var son2 = new Son(2);
    //打印结果为1 2，表示：父类构造函数中的属性和方法在所有子类实例中是不共享的
    console.log(son1.id + " " + son2.id);
    //打印结果为change male change male，表示：父类原型上的属性和方法在所有子类实例中是共享的
    console.log(son1.getGender() + " " + son1.getGender());

[Link 1]: https://blog.csdn.net/lqlqlq007/article/details/96113594
[Link 2]: https://blog.csdn.net/lqlqlq007/article/details/96117093

发表评论取消回复

表情：

评论列表（有 0 条评论，423人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript 的七种继承方式（六）寄生组合式继承

组合继承回顾前面的文章已经提到过，组合继承是JavaScript中最常用的继承模式。但是他也有自己的不足。组合继承最大的问题就是不管在什么情况下，都会调用两次父类型的构

野性酷女/ 2022年11月29日 12:50/ 0 赞/ 214 阅读

相关 javascript 的七种继承方式（三）组合继承

组合继承前面两篇我们了解到：原型链继承存在着引用类型问题，而借用构造函数又无法实现函数复用和原型方法继承的问题。那么能不能把两者结合一下，取其精华，弃其糟粕？答案是肯定

不念不忘少年蓝@/ 2022年11月29日 08:51/ 0 赞/ 188 阅读

相关组合继承

// 组合继承 function father(){ this.money = 10000000000000; this.hou

男娘i/ 2022年11月07日 04:17/ 0 赞/ 193 阅读

相关 “组合”优于“继承”

《极限编程》(Extreme programming)的指导原则之一是“只要能用，就做最简单的”。一个似乎需要继承的设计常常能够戏剧性地使用组合来代替而大简化，从而使其更加灵活

古城微笑少年丶/ 2022年07月16日 19:39/ 0 赞/ 192 阅读

相关 js继承之-----组合继承

组合继承(combination inheritance),有时候也叫做伪经典继承，指的是讲原型链和借用构造函数的技术组合到一起，从而发挥二者之长。思路：是使用原型链实现对

今天药忘吃喽~/ 2022年06月10日 07:10/ 0 赞/ 276 阅读

相关组合和继承

来自java编程思想中文版，第四版；页码：P5 young-youth 写于：2018年3月16日15:25:13

╰半橙微兮°/ 2022年05月29日 04:08/ 0 赞/ 254 阅读

相关 JavaScript -- 寄生组合式继承

[组合继承][Link 1] 上文我们写了关于组合继承，这个继承模式已经非常优秀了，但是还是有一点不足。 function SuperType(name){

超、凢脫俗/ 2022年04月04日 10:28/ 0 赞/ 261 阅读

相关 JavaScript -- 组合继承

使用原型链来实现继承，看如下代码 function SuperType(){ this.colors = ["red", "blue", "gree

分手后的思念是犯贱/ 2022年04月04日 10:16/ 0 赞/ 275 阅读

相关组合继承代理

要想复用代码，java中有两种方式。一种只需在新类中产生现有类的对象。由于新的类是由现有类的对象组成，所以这种方法称为组合；另一种方式按照现有类的类型来创建新类，无需改变现有类

妖狐艹你老母/ 2022年03月15日 10:52/ 0 赞/ 225 阅读

相关 javascript的继承——组合继承

组合继承是指子类同时对父类进行原型链继承和构造函数继承，也是实际开发中常用的继承方式。如果对原型链继承和构造函数继承还不清楚的同学可以点下面的传送门：原型链继承：[传送门]

柔情只为你懂/ 2021年12月05日 20:47/ 0 赞/ 424 阅读