浅谈javascript面向对象编程（2）

继承：提到这个的时候，要顺便再补充一句：闭包封装中的一个缺点，不利于子类的派生，所以闭包有风险，封装需谨慎！直观起见，下面例子中创建对象的方式，采用”门户大开型”模式。

在javascript中继承一般分为三种方式：”类式继承”，”原型继承”,”掺元类”。下面简单的介绍一下三类继承方式的原理。

A.类式继承：这个是现在主流框架中常用的继承方式，看下例：

<script type="text/javascript"> 
  var Name = function(name){ 
    this.name = name; 
  }; 
  Name.prototype.getName = function(){ 
    alert(this.name); 
  }; 
  var Fish = function(name,age){ 
    Name.call(this,name); 
    this.age = age; 
  }; 
  Fish.prototype = new Name(); 
  Fish.prototype.constructor = Fish; 
  Fish.prototype.showInfo = function(){ 
   alert(this.age); 
  } 
  var ioldFish = new Fish("老鱼",27); 
  ioldFish.getName(); 
</script>

上述子类Fish中并没定义getName方法，但是子类Fish的实例对象ioldFish依然调用到了该方法，这是因为子类Fish继承了超类Name中定义的getName方法。解释一下，这里子类Fish的prototype指到了超类的一个实例，在子类Fish中虽然没有申明getName方法，但是根据原型链原理，会向prototype指向的上一级对象中去查找是否有该方法，如果没找到该方法，会一直搜索到最初的原型对象。这其实也就是继承的原理了。这里特别说明一下，Fish.prototype.constructor = Fish;这句，由于默认子类的prototype应该是指向本身的，但是之前把prototype指向到了超类的实例对象，所以在这里要把它设置回来。当然这里可以把相关代码通过一个函数来组织起来，起到伪装extend的作用，这里不再阐述，可以关注本人下篇博文……

B.原型继承，从内存性能上看优于类式继承。

<script type="text/javascript"> 
  function clone(object){ 
    var F = function(){}; 
    F.prototype = object; 
    return new F(); 
  }; 
  var Name = { 
    name:"who's name", 
    showInfo:function(){ 
      alert(this.name); 
    } 
  }; 
  var Fish = clone(Name); 
  //Fish.name = "老鱼"; 
  Fish.showInfo(); 
</script>

很明显，原型继承核心就是这个clone函数，同样是原型链的原理，不同的是它直接克隆超类，这样的话子类就继承了超类的所有属性和方法.特别说一下，这类继承并不需要创建构造函数，只需要创建一个对象字变量，定义相应的属性和方法，然后在子类中只需要通过圆点”.”符号来引用属性和方法就可以了.

C.掺元类：把一些常用通用性比较大的方法统一封装在一个函数中，然后通过下面这个函数分派给要用到这些方法的类．还可以针对不同的类，选择性的传递需要的方法。

<script type="text/javascript"> 
  function agument(receveClass,giveClass){ 
    if(arguments[2]){ 
      var len = arguments.length; 
      for(i=2;i<len;i++){ 
        receveClass.prototype[arguments[i]] = giveClass.prototype[arguments[i]]; 
      } 
    } 
    else{ 
      for(method in giveClass.prototype){ 
        if(!receveClass.prototype[method]){ 
          receveClass.prototype[method] = giveClass.prototype[method]; 
        } 
      } 
    } 
  }; 
  var Name = function(){}; 
  Name.prototype ={ 
    sayLike:function(){ 
      alert("i like oldfish"); 
    }, 
    sayLove:function(){ 
      alert("i love oldfish"); 
    } 
  } 
  var Fish = function(){}; 
  var ioldFish = new Fish(); 
  agument(Fish,Name,"sayLove"); 
  ioldFish.sayLove(); 
  ioldFish.sayLike(); 
</script>