herodby
技术 笔记
posts - 14,  comments - 14,  trackbacks - 0
      javascript的继承机制并不是明确规定的,而是通过模仿实现的,意味着继承不是由解释程序处理,开发者有权决定最适合的继承方式. 下面我给出几种常用的方法:
     1 .对象冒充
          原理: 构造函数使用this关键字给所有属性和方法赋值, 因为构造函数只是一个函数,所以可以使ClassA的构造函数成为classB的方法,然后调用它.这样classB就会收到classA的构造函数中定义的属性和方法.例子:
   function classA(name)
   {
         this.name=name;
         this.showName=function(){alert(this.name);}
   }
   function classB(name)
   {
         this.newMethod = classA;
         this.newMethod(name);
   }
   obj = new classA("hero");
   objB = new classB("dby");
   obj.showName(); //   print hero
   objB.showName(); // print dby  说明classB 继承了classA的方法.
   对象冒充可以实现多重继承  例如
   function classz(){
   this.newMethod = classX;
   this.newMethod();
   delete this.newMethod;
   this.newMethod=classY;
   this.newMethod():
   delete this.newMethod;
  }
  但是如果classX和classY有相同的属性或者方法,classY具有高优先级.
   2.call()方法
    call方法使与经典的对象冒充法就相近的方法,它的第一个参数用作this的对象,其他参数都直接传递给函数自身.
       function sayName(perfix)
   {
  alert(perfix+this.name);
   }
   obj= new Object();
   obj.name="hero";
   sayName.call(obj,"hello," );
   function classA(name)
   {
         this.name=name;
         this.showName=function(){alert(this.name);};
   }
   function classB(name)
   {
  classA.call(this,name);
   }
   objB = new classB("bing");
   objB.showName();////说明classB继承classA的showName方法
  3.apply()方法
   
aplly()方法有2个参数,一个用作this对象,一个使传递给函数的参数数组.
       function sayName(perfix)
   {
  alert(perfix+this.name);
   }
   obj= new Object();
   obj.name="hero";
   sayName.aplly(obj,new Array("hello,") );
  4. 原型链
   prototype对象的任何属性和方法都会被传递给对应类的所有实例,原型链就是用这种方式来显现继承.
    function classA (){}
    classA.prototype.name="hero";
    classA.prototype.showName=function(){alert(this.name)}
    function classB(){}
   classB.prototype=new classA();
   objb = new classB()
   objb.showName();//print hero  说明b继承了a的方法
   这里需要注意 调用classA的构造函数时,没有给它传递参数,这是原型链的标准做法,确保函数的构造函数没有任何参数.
   并且 子类的所有属性和方法,必须出现在prototype属性被赋值后,应为在它之前赋的值会被删除.因为对象的prototype属性被替换成了新对象,添加了新方法的原始对象将被销毁.
  
   5 混和方式
       就是用冒充方式 定义构造函数属性,用原型法定义对象方法.
   function classA(name)
   {
         this.name=name;
   }
   classA.prototype.showName=function(){alert(this.name)}
   function classB(name)
   {
  classA.call(this,name);
   }
   classB.prototype = new classA();
   classB.prototype.showName1=function(){alert(this.name+"*****");};
   obj = new classB("hero");
   obj.showName();
   obj.showName1();
  在classB的构造函数中通过调用call方法 继承classA中的name属性,用原型链来继承classA的showName方法.
posted on 2006-11-27 15:09 邓兵野 阅读(1905) 评论(1)  编辑  收藏 所属分类: javascript

FeedBack:
# re: javascript 继承实现方法
2006-11-27 15:41 | liu
原来JS也有类似JAVA的这样继承机制!  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 

<2006年11月>
2930311234
567891011
12131415161718
19202122232425
262728293012
3456789

常用链接

留言簿(2)

随笔分类

随笔档案

文章分类

文章档案

搜索

  •  

最新评论

阅读排行榜

评论排行榜