J2EE社区

苟有恒,何必三更起五更眠;
最无益,只怕一日曝十日寒.
posts - 241, comments - 318, trackbacks - 0, articles - 16

对JavaScript中原型的理解

Posted on 2009-03-03 22:18 xcp 阅读(1320) 评论(3)  编辑  收藏 所属分类: Javascript

从纯粹的面向对象思想(Java思想)向Javascript语言面向对象思想的转化沉痛而惨烈。Javascript中对象和类的概念转化悄然不动声色,让人迷糊。有时候,对Java理解得越清楚,对Javascript理解起来就越费劲。其中,对Javascript的原型对象的理解颇费功夫。

按照定义,每个javascript对象都有一个原型对象(简称原型),这个原型是由该对象的构造函数所定义(javascript自动创建的),并且对象继承原型的所有属性和方法(函数),比如 一个String对象 的原型为 String.prototype ,如果我们想要给String类添加方法,可以这样做(比如添加常用的trim()方法):

js 代码
  1. String.prototype.trim = function (){   
  2.   return this.replace(/(^\s*)|(\s*$)/g, "");   
  3. }  


这个特性是相当令人惊讶的,因为这破坏了封装性,就好像在Java中你可以对Object进行修改一样。而function() 可以当作数据来给左操作数赋值(而不仅仅是当作动作),也让人吃惊。

对于Javascript内部类都可以这么改,对于自定义类当然可以这么改,如:

js 代码
  1. function Circle(x,y,r){   
  2.   this.x = x;   
  3.   this.y = y;   
  4.   this.r = r;   
  5.   //this.prototype = null ;     /*这句代码可以看作是隐含存在的,因为javascript 中“类”的定义和函数的定义结构上没有差异,所以可以说,所有函数都隐藏有这样一个属性。*/   
  6. }   

然后,我们给原型加一个得到面积的方法:

  1. Circle.prototype.area = function(){   
  2.   return this.r * this.r * 3.14159 ;   
  3. }  

这样使用:

js 代码
  1. var circ = new Circle(0,0,2) ;   
  2. alert(circ.area()) ;  

为什么要使用原型呢?因为我们可以在类中很轻松的定义我们想要实现的方法,如,还是上面那个求圆面积:

js 代码
  1. function Circle(x,y,r){   
  2.   this.x = x;   
  3.   this.y = y;    
  4.   this.r = r ;   
  5.   this.area = function (){   
  6.     return this.r * this.r * 3.14159 ;    
  7.   }   
  8. }   
  9. //调用:
  10. var circ = new Circle(0,0,2) ;   
  11. alert(circ.area()) ;   

两者的调用代码完全一样,那为什么要使用原型呢?我感觉主要是为了解决对内部类型的继承问题,也就是说当你无法修改String的构造函数而想要让所有String实例都具有某一方法的时候,你可以用这个prototype。




名称: ♪4C.ESL | .↗Evon
口号: 遇到新问题♪先要寻找一个方案乄而不是创造一个方案こ
mail: 联系我


Feedback

# re: 对JavaScript中原型的理解[未登录]  回复  更多评论   

2009-03-04 14:20 by java
两者的调用代码完全一样,那为什么要使用原型呢?我感觉主要是为了解决对内部类型的继承问题,也就是说当你无法修改String的构造函数而想要让所有String实例都具有某一方法的时候,你可以用这个prototype。

________________________________________________________

这么说是不正确的,通过原型来定义方法可以保证无论创建多少个对象,该方法在内存中只有一个,因为方法是没有状态的,一个就足够了;而通过构造方法来定义方法,那么每创建一个对象就会创建一个方法,浪费了内存。

# re: 对JavaScript中原型的理解  回复  更多评论   

2009-03-04 21:11 by 思维时空
这个内容在《JavaScript高级程序设计》一书中有更加详细的介绍。

# re: 对JavaScript中原型的理解[未登录]  回复  更多评论   

2009-09-07 18:00 by xcp
@java
原来是这样,谢谢!!

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


网站导航: