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

时间：2021-11-21 00:58:46

组合继承在前面有说过，也是JavaScript中最常用的一个继承模式；不过，它也有自己的不足。组合继承最大的问题就是无论什么情况，都会调用两次构造函数：

那我们来回顾下组合式继承基本模式：

         function SuperType(name){

             this.name = name;

             this.colors = ["red","blue","green"];

         }

         SuperType.prototype.sayName = function(){

             alert(this.name);

         }

         function SubType(name,age){

             //继承

             SuperType.call(this,name); 第二处

             this.age = age;

         }

         //继承方法

         SubType.prototype = new SuperType(); 第一处

         SubType.prototype.constructor = SubType;

         SubType.prototype.sayAge = function(){

             alert(this.age);

         }

         var instance1 = new SubType("Nicholas",20);

         instance1.colors.push("black");

         alert(instance1.colors);

上面红色标识的是调用构造函数的地方，在第一次调用SuperType 函数时,SubType.prototype会得到两个属性： name和colors；它们都是SuperType实例的属性，只不过现在位于SubType原型中。

当调用SubType 构造函数时，会再调用一次SuperType函数，此时实例对象中会得到两个属性：name和colors; 此时相当于在同一个对象和原型中定义了两边相同的属性，不过由于实例中的同名属性会覆盖原型中的属性。

看看下面草图可以能够理解些：JavaScript-------寄生组合式继承

　　如上图说明：存在两组属性一个原型上，一组是在实例中，这就是两次调用构造函数的结果，不过现在可以使用 寄生组合继承方式来解决；

所谓寄生组合继承：即通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。

背后的基本思路是：不必为了指定子类型的原型而调用超类型的构造函数，我们需要的无非就是超类型原型的一个副本而已。本质上，就是使用寄生式继承来继承超类型的原型，然后再将结果指定给子类型的原型。

　　基本模式如下：

  function inheritPrototype(subType,superType){

        var prototype = Object.create(superType.prototype);

        prototype.constructor = subType;

        subType.prototype = prototype;

  }

　　上面代码是寄生模式最简单组合方式，inheritPrototype() 接收两个参数，一个子类构造函数，父类构造函数，其中第一行代码是创建了一个父类原型对象的副本；第二行代码是修改副本对象的属性值，这里为什么修改想必大家都知道吧！ 第三行 把生成好的副本对象赋值给子类的原型。这样就可以用这种方式去替换 前面代码中给原型赋值的语句　　SubType.prototype = new SuperType()

看看具体实例：

           function SuperType(name){

             this.name = name;

               this.colors = ["red","blue","green"];

           }

          SuperType.prototype.sayName = function(){

              alert(this.name);

          }

          function SubType(name,age){

              //继承

              SuperType.call(this,name); 第二处

              this.age = age;

          }

          //继承方法

         //SubType.prototype = new SuperType(); 第一处

         inheritPrototype(SubType,SuperType);

         SubType.prototype.constructor = SubType;

         SubType.prototype.sayAge = function(){

              alert(this.age);

         }

这个例子同样完成上一个实例的工作，但是更加高效率的体现在它只调用了一次SuperType()构造函数，并且因此避免了在SuperType.prototype 上面创建了不必要的、多余的属性。与此同时，原型链还能保持不变；因此，还能够使用instanceof 和 isPrototypeOf()。寄生组合式继承是引用类型最理想的继承范式。

相关文章