javascript继承机制的实现(三)

    使用“原型链”来实现javascript类的继承机制,它是利用prototype对象的任何属性和方法都被传递给某个类的所有实例的原理.

    如下ClassA与ClassB:


 
  1. //基类  
  2. function ClassA() { }  
  3.   
  4. ClassA.prototype.color = "red";  
  5.   
  6. ClassA.prototype.sayColor = function() {  
  7.     alert(this.color);  
  8. }  
  9. //子类  
  10. function ClassB() {     
  11.   
  12. }  
  13. //可以获得CLassA的所有属性与方法但又不用一一将将它们赋予ClassB的prototype属性
  14. ClassB.prototype = new ClassA();  
  15. //定义新属性与方法  
  16. ClassB.prototype.name = "";  
  17. ClassB.prototype.sayName = function() {  
  18.     alert(this.name);  
  19. }  

    这种方法实现类继承很是灵活,实用.不过原型链的不足就是它不支持多重继承,并且构造函数也不能带有参数.

   总结以上,对象冒充的主要问题是必须使用构造函数方式,这不是最好的选择,但是使用原型链就无法使用带参数的构造函数了。所以,现在介绍一种两全其美的方式------混合方式.

   以前,我们创建类的最好方式是用构造函数方式定义属性,用原型方式定义方法。同样的这种方式也适用于继承机制,用对象冒充继承构造函数的属性,用原型链继承prototype对象的方法.

重写上例:

  1. function ClassA(sColor) {  
  2.     this.color = sColor;  
  3. }  
  4.   
  5. ClassA.prototype.sayColor = function() {  
  6.     alert(this.color);  
  7. }  
  8.   
  9.   
  10. function ClassB() {  
  11.     ClassA.call(this, sColor);   //对象冒充方式  继承属性  
  12.     this.name = sName;  
  13. }  
  14.   
  15. ClassB.prototype = new ClassA();  //原型链方式 继承方法  
  16.   
  17. ClassB.prototype.sayName = function() {  
  18.     alert(this.name);  
  19. }  

    此种方法很受推荐,它集合其他方式 的优点,并且没有了他们的不足,所以,如果javascript实现继承,此种方式很是流行.^_^

你可能感兴趣的:(JavaScript,prototype)