寄生组合继承

最新推荐文章于 2023-10-27 18:47:09 发布

CHENG132132

最新推荐文章于 2023-10-27 18:47:09 发布

阅读量153

点赞数

原文链接：http://www.cnblogs.com/joyZzzzz/p/7533167.html

版权

寄生组合式继承，是集寄生式继承和组合继承的有点与一身，主要是通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。

　　先看一个例子：

 
          function  
          inheritPrototype(SuperType, SubType){ 
         
          var  
          prototype = Object.create(SuperType.prototype); 
         
          prototype.constructor = SubType; 
         
          SubType.prototype = prototype; 
         
          } 
         
          function  
          SuperType(name){ 
         
          this 
          .name = name; 
         
          this 
          .colors = [ 
          "red" 
          ,  
          "blue" 
          ,  
          "yellow" 
          ]; 
         
          } 
         
          function  
          SubType(name){ 
         
          SuperType.call( 
          this 
          , name); 
         
          } 
         
          inheritPrototype(SuperType, SubType); 
         
          var  
          s1 =  
          new  
          SubType( 
          "niulina" 
          );

　　这个代码中有一个Object.create(supertype)函数，这个函数是ECMAScript 6为了规范原型式继承而提出的一个方法，与下面这个方法是等价的：

 
          function  
          object(o){ 
         
          function  
          f(){} 
         
          f.prototype = o; 
         
          return  
          new  
          f(); 
         
          }

　　这个方法做了什么工作呢？如下图所示：

　　object(o)方法的工作就是：

创建一个构造函数f
使该构造函数的prototype指针指向参数
创建f对象的一个实例，幷返回

　　在该函数调用完以后，f的构造函数便会销毁，所以整个函数的工作就是让一个对象的__proto__指针指向参数。

　　继续回到寄生组合式继承，第二行代码:

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

　　使得新创建的prototype对象的__proto__指针指向SuperType的原型对象。再看第三四行：

 
          prototype.constructor = SubType; 
         
          SubType.prototype = prototype;

　　将这个prototype对象的construstor指针指向SubType的构造函数，幷将SubType的构造函数的prototype指针指向这个prototype对象，所以inheritPrototype的工作就是使SubType继承于SuperType(也就是SubType的原型对象的__proto__指针指向SuperType的原型对象)，如下图所示。　　

　寄生组成继承是目前最完美的继承实现方法。

　而较为常用的方法是组合继承：

　把上面的inheritPrototype(SubType, SuperType);语句换成：

　SubType.prototype = new SuperType();
　SubType.prototype.constructor = SubType;

　这种方式的缺点是：由于调用了2次父类的构造方法，会存在一份多余的父类实例属性，具体原因如下：

　第一次SuperType.call(this);语句从父类拷贝了一份父类实例属性给子类作为子类的实例属性，第二次SubType.prototype = new SuperType();创建父类实例作为子类原型，此时这个父类实例就又有了一份实例属性，但这份会被第一次拷贝来的实例属性屏蔽掉，所以多余。

转载于:https://www.cnblogs.com/joyZzzzz/p/7533167.html