JS 中面向对象的5种写法

//定义Circle类，拥有成员变量r，常量PI和计算面积的成员函数area()

//第1种写法
function Circle(r) {
      this.r = r;
}
Circle.PI = 3.14159;
Circle.prototype.area = function() {
  return Circle.PI * this.r * this.r;
}

var c = new Circle(1.0);   
alert(c.area()); 

//第2种写法
var Circle = function() {
   var obj = new Object();
   obj.PI = 3.14159;
   
   obj.area = function( r ) {
       return this.PI * r * r;
   }
   return obj;
}

var c = new Circle();
alert( c.area( 1.0 ) );

//第3种写法
var Circle = new Object();
Circle.PI = 3.14159;
Circle.Area = function( r ) {
       return this.PI * r * r;
}

alert( Circle.Area( 1.0 ) );

//第4种写法
var Circle={
   "PI":3.14159,
 "area":function(r){
          return this.PI * r * r;
        }
};
alert( Circle.area(1.0) );

//第5种写法
var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}");

alert( (new Circle()).area(1.0) );

大家来讨论一下这五种写法，它们的优缺点，哪个比较规范，特别是最后两种，经常见到。

评论

26 楼 liujunsong 2009-08-10  

有一种方法就足够了,
何必将时间用在研究四五种方法上呢

25 楼 ycysth 2009-08-10  

Jamson 写道

wyh6635 写道

第一种, 个人觉得第一种的对像的封装看起来比较流畅.易读.

恩，我看到《JavaScript高级程序设计》里面也推荐第一种。

一个培训计算机的学校，呵呵，大学啥也学不到

24 楼 playfish 2009-08-09  

最常见的应该是第一种跟第四种，但是以上理解都有点偏差。

第一种从java角度来说，是一个普通的类，这个类需要调用的时候，就new xx()这样一个对象出来。

第四种，从java的角度来说，是一个单例类！你调用的时候直接XXX.xx()这样调用，不需要new。

如果你可以理解普通的类，跟单例类的概念，你应该就可以明白什么类应该是什么用法了。

这2种写法是最常见的，也是推荐的写法。其它的，比较非主流吧。至于第五种，算是垃圾写法吧，Function效率很低。

23 楼 bigcoon 2009-08-09  

.其实这个是看需要的。
第一种可以看作真正的面向对象，适合要创建多个实例的时候
第二种不常见，不是很好的写法
第三种和第四种其实是一个形式的，我经常用作命名空间和伪数组还有JSON
第五种这写法太特别了，至少我没写过

22 楼 zjriso 2009-08-09  

自己蛮喜欢第一种的，习惯而已。

21 楼 sunxiaobo2008 2009-08-08  

比较赞成第一种写法

20 楼 hq2300 2009-08-08  

看好第一种的是写多了java，常有的，更好的是第三种和第四种。

19 楼 Jamson 2009-08-08  

看了大家的恢复之后，发觉第一种和第四种是大家常接触的。

//第1种写法
function Circle(r) {
      this.r = r;
}
Circle.PI = 3.14159;
Circle.prototype.area = function() {
  return Circle.PI * this.r * this.r;
}

var c = new Circle(1.0);  
alert(c.area());


//第4种写法
var Circle={
   "PI":3.14159,
"area":function(r){
          return this.PI * r * r;
        }
};
alert( Circle.area(1.0) );

18 楼 garyt 2009-08-06  

第四种如何构造出同一个对象的多个实例呢？

第一种才是最应该使用的吧

17 楼 zlssy 2009-08-06  

个人觉得第一种更符合OO开发要求！
第四种适合可以理解成封包！ 且非常灵活，本身就是一种json格式，所以方便应用于json格式传递环境下，eg:ExtJs就是采用了第一种方式封装核心，第四种方式打包UI

16 楼 ji12332111 2009-08-04  

第四种！~

15 楼 nenyalanye_1 2009-08-03  

第四种 json格式比较舒服

14 楼 bhj626 2009-08-03  

以前看惯了第四种，但是在转变思想，还是在用第一种

13 楼 bohemia 2009-08-03  

比较倾向于,第一种的实现.

第1种:
优点:体现了OO的继承特性. 每次初始化Circle对象,都只设置了必须的值(r).

第2种:
缺点:每次都必须初始化很多变量,时间成本+内存成本,相比第一种高昂了点.

第3种:
缺点:虽然实现了封装,但貌似Circle只是一个包名,对于OO的继承好像发挥不大.

第4种:
缺点:同第3种. 只是用了Object Literal方式初始化了对象.

第5种:
缺点:代码编写,确实不方便.没体现更好的分离.

12 楼 trarck 2009-08-03  

最好用prototype的方式。

11 楼 xiaoqiangcn 2009-08-03  

js的确是很好的学习点， 这个和java 整合可以提高N多的页面开发效率啊

10 楼 GaoJimmy 2009-08-03  

比较习惯第一种。
第四种若要生成很多对象，那很麻烦，而且每个对象都存储相同的方法有点浪费存储空间

9 楼 chionloay 2009-08-02  

看起json对象就会很舒服的感觉，对AJAX操作json对象很灵活用第四种吧

8 楼 Jamson 2009-08-02  

ycysth 写道

马上要学习这个课程了，先来看看，谢谢

你还有课程啊？什么专业啊？我发现大学就是自学。

7 楼 Jamson 2009-08-02  

wyh6635 写道

第一种, 个人觉得第一种的对像的封装看起来比较流畅.易读.

恩，我看到《JavaScript高级程序设计》里面也推荐第一种。