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实现继承，此种方式很是流行.^_^