javascript 面向对象继承

  在prototype框架中的类继承实现机制

  

复制代码 代码如下:

  //为Object类添加静态方法:extend

  Object.extend = function(destination, source) {

  for(property in source) {

  destination[property] = source[property];

  }

  return destination;

  }

  //通过Object类为每个对象添加方法extend

  Object.prototype.extend = function(object) {

  return Object.extend.apply(this, [this, object]);

  }

  Object.extend方法很容易理解,它是Object类的一个静态方法,用于将参数中source的所有属性都赋值到destination对象中,并返回destination的引用。下面解释一下Object.prototype.extend的实现,因为Object是所有对象的基类,所以这里是为所有的对象都添加一个extend方法,函数体中的语句如下:

  Object.extend.apply(this,[this,object]);

  这一句是将Object类的静态方法作为对象的方法运行,第一个参数this是指向对象实例自身;第二个参数是一个数组,包括两个元素:对象本身和传进来的对象参数object。函数功能是将参数对象object的所有属性和方法赋值给调用该方法的对象自身,并返回自身的引用。有了这个方法,下面看类继承的实现:

  

复制代码 代码如下:

  <script language="JavaScript" type="text/javascript">

  <!--

  //定义extend方法

  Object.extend = function(destination, source) {

  for (property in source) {

  destination[property] = source[property];

  }

  return destination;

  }

  Object.prototype.extend = function(object) {

  return Object.extend.apply(this, [this, object]);

  }

  //定义class1

  function class1(){

  //构造函数

  }

  //定义类class1的成员

  class1.prototype={

  method:function(){

  alert("class1");

  },

  method2:function(){

  alert("method2");

  }

  }

  //定义class2

  function class2(){

  //构造函数

  }

  //让class2继承于class1并定义新成员

  class2.prototype=(new class1()).extend({

  method:function(){

  alert("class2");

  }

  });

  //创建两个实例

  var obj1=new class1();

  var obj2=new class2();

  //试验obj1和obj2的方法

  obj1.method();

  obj2.method();

  obj1.method2();

  obj2.method2();

  //-->

  </script>

  从运行结果可以看出,继承被正确的实现了,而且派生类的额外成员也可以以列表的形式加以定义.