PhoenixLi — Thu, 10 Sep 2009 08:02:00 GMT

OO的JavaScript�q�不高深�Q�麻烦就�ȝ��在google出来的国��Z��l�文章经常罗�|�嗦嗦，而且之间的说法还各有不同�Q�摆在一起就让�h看了头大�?br /> �q�里重拾��单主义，以一个最��单的例子把OO Javascript说明白�?/p>

1.一个颇为精��的例�?/p>

只需理解三个关键�?
�W�一个是function �Q�JS世界里Class的定义用"function"�Q�function里面的内容就是构造函数的内容�?/p>

�W�二个是this指针�Q�代表调用这个函数的对象�?/p>

�W�三个是prototype�Q�用它来定义成员函数�Q?比较规范和保险�?br /> //定义Circle�c�，拥有成员变量r�Q�常量PI和计��面�U�的成员函数area()
function Circle(radius)
{
this.r = radius;
}
Circle.PI = 3.14159;
Circle.prototype.area = function( ) {return Circle.PI * this.r * this.r;}
//使用Circle�c?br /> var c = new Circle(1.0);
alert(c.area());
另外成员函数定义�q�可以写成这�?
function compute_area(){return Circle.PI * this.r * this.r;}
Circle.prototype.area=compute_area;

2.�l�承

注意两点
1.定义�l�承关系 ChildCircle.prototype=new Circle(0); 其中0是占位用�?br /> 2.调用父类的构造函�?
     this.base=Circle;
     this.base(radius);
//定义ChildCircle子类
function ChildCircle(radius)
{
     this.base=Circle;
     this.base(radius);
}

ChildCircle.prototype=new Circle(0);
function Circle_max(a,b)
{
if (a.r > b.r) return a;

else return b;
}
ChildCircle.max = Circle_max;
//使用ChildCircle子类
var c = new ChildCircle(1);
var d = new ChildCircle(2);
var bigger = d.max(c,d);
alert(bigger.area());

3.var式定�?br /> JS�q�支持一�U�var Circle={raidus:1.0,PI:3.1415}的�Ş式，语法��如CSS的定义�?br /> 因此如果Circle只有一个实例，下面的定义方式更��z�：
var newCircle=
{
r:1.0,
PI:3.1415,
area: function(){ return this.PI * this.r * this.r;}
};
alert(newCircle.area());
BTW.吃饱了撑着可以看看Rails带的OO Javascript�?-Prototype
其实�Q�Javascript现在的语法真的不适合那么别扭的写成OO模式....

本文转自 http://calvin.javaeye.com/blog/92013

PhoenixLi 2009-09-10 16:02 发表评论

亚洲黄色在线电影,激情综合色五月丁香六月亚洲,亚洲色欲色欲www