JavaScript继承--组合继承

组合继承有时候也称为伪经典继承，指的是将原型链和借用构造函数的技术组合到一起，从而发挥二者之长的一种继承模式。其背后的模式是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样，既通过在原型上定义方法实现了函数复用，又能够保证每个实例都有它自己的属性。

    function SuperType(name){
        this.name = name;
        this.colors = ["red","blue","green"];
    }

    SuperType.prototype.sayName = function () {
         console.log(this.name);
    };

    function SubType(name,age) {
//        继承属性
        SuperType.call(this,name);
        this.age = age;
    }
//    继承方法
    SubType.prototype = new SuperType();
    console.log(SubType.prototype.constructor === SuperType);
//    SubType.prototype.constructor = SubType;

    SubType.prototype.sayAge = function () {
        console.log(this.age);
    };

    var instance1 = new SubType("小萝卜头",20);
    instance1.colors.push("black");
    console.log(instance1.colors);
    instance1.sayName();
    instance1.sayAge();


    var instance2 = new SubType("大萝卜头",21);
    console.log(instance2.colors);
    instance2.sayName();
    instance2.sayAge();

 代码解析：

1. SuperType构造函数定义了两个属性：name和colors。
2. SuperType的原型定义了一个方法sayName()。
3. SubType构造函数在调用SuperType构造函数时传入了name参数，然后又定义了自己的age属性。
4. 然后将SuperType的实例赋值给SubType的原型。
5. 又在SubType新原型上定义了sayAge()方法。

 这样一来就可以让两个不同的SubType实例既分别拥有自己属性又可以使用相同的方法。

 

注：资料参考《JavaScript高级程序设计》