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) );

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

评论

46 楼 vieri122 2009-09-17  

个人一直用第一种!

45 楼 qipei 2009-09-01  

我一般都这么写：下划线开始的是私有的。
调用的时候直接Folder.deleteFolder();

Folder = function() {
	
	_currentFolder: null;

	function _createFolderOnFolder(parentId) {
		
	}
	
	function _createFolderOnRepository(parentId) {
		
	}
	
	var Folder = {
	
		deleteFolder: function(p_sType, p_aArgs, p_sNode) {
			
		},
		
		setCurrentFolder: function(node) {
			_currentFolder = node;
		},
		
		getCurrentFolder: function() {
		}
	};
	return Folder;
}();

44 楼 deyami 2009-08-25  

这应该也算一种

var Circle=function(){  
    PI = 3.14159;
    return {
        area : function(r){
            return this.PI * r * r;
        }
    }
}();
     
alert( Circle.area(1.0) ); 

43 楼 loocao 2009-08-25  

个人比较喜欢第一种跟第四种,第一种比较大众化,第四种看着比较简洁,易懂...

42 楼 richardhochou 2009-08-17  

习惯第四种,嘿嘿,json的看起来舒服好多.

41 楼 80x86 2009-08-15  

都可以吧，不过是第三种更JavaScript的风格一点儿

40 楼 linhong_1001 2009-08-15  

后面四种没有把cicle算作真正的对象，半径要作为参数传入，晕倒，你给定一个圆，他就该有半径啊，写得很烂

39 楼 我奋斗 2009-08-14  

学习了谢谢！。

38 楼 techno_it 2009-08-14  

看到prototype用的就是第四种，对第一种没有太见过，第二种感觉挺好理解的。

37 楼 prothi 2009-08-14  

第一种是正确的,第二，三，四种都不正确，那个Area函数应该是类函数吧，但是这三种方法将它分配给每一个对象，这是一种资源浪费。而第一种是相当与一个类函数，就像java里面的函数一样，不是为每个对象分配一个。第五种写法不是很容易看懂。所以，第一种是首选，或者说必须选择的方法。

36 楼 sxpyrgz 2009-08-13  

第四种结合第一种,是相当不错的选择

35 楼 vakin.jiang 2009-08-11  

第四种最优雅

34 楼 fish2007 2009-08-11  

根据需要来定，如果你觉得某种方式更简洁，更能让人读懂和理解，那就那种是最合适的

33 楼 robertpi 2009-08-10  

1种最规范，不过现在偷懒用2，代码少点。
3,4好像没有内部变量，经常有问题（个人经验）。
5.看就知道，类不能大，代码多了没法读，代码少时候用不错。

32 楼 Jamson 2009-08-10  

pure 写道

也喜欢第四种，不过LZ还是先把标题的别字改过来嘿？

哇！竟然还真的没人告诉过我写错字了。感谢感谢！

本人已经改正：钟-->种

31 楼 pure 2009-08-10  

也喜欢第四种，不过LZ还是先把标题的别字改过来嘿？

30 楼 free_self 2009-08-10  

觉得第四种比较喜欢，看起来比较简单易懂

29 楼 playfish 2009-08-10  

vb2005xu 写道

还有一种写法你没有见过吧,这种感觉才是最好的,连着 命名空间一起建好了
if (!window['google']) {
window['google'] = {};
}
if (!window['google']['loader']) {
window['google']['loader'] = {};
google.loader.ServiceBase = 'http://www.google.com/uds';
google.loader.GoogleApisBase = 'http://ajax.googleapis.com/ajax';
google.loader.ApiKey = 'notsupplied';
google.loader.KeyVerified = true;
google.loader.LoadFailure = false;
google.loader.Secure = false;
google.loader.ClientLocation = null;
google.loader.AdditionalParams = '';

这种写法其实跟列出来的第三种写法差不多， var xxx = new Object();跟var xxx={};是一样的，{}是Object的直接量表示，跟第四种写法
var xxx={

}
也是一样的。google这里的写法跟第四种写法是一样效果。
google.loader={
ServiceBase = 'http://www.google.com/uds'，
GoogleApisBase = 'http://ajax.googleapis.com/ajax',
ApiKey = 'notsupplied',
KeyVerified = true,
LoadFailure = false,
Secure = false,
ClientLocation = null,
AdditionalParams = ''
}

不要拿更多的例子来误导别人了。无论新手老手，用第1种跟第4种就可以了。第1种跟第4种是不一样的。适用的场合跟范围不太一样。

28 楼 fantasybei 2009-08-10  

"回"字也有五种写法....

27 楼 vb2005xu 2009-08-10  

还有一种写法你没有见过吧,这种感觉才是最好的,连着 命名空间一起建好了
if (!window['google']) {
window['google'] = {};
}
if (!window['google']['loader']) {
window['google']['loader'] = {};
google.loader.ServiceBase = 'http://www.google.com/uds';
google.loader.GoogleApisBase = 'http://ajax.googleapis.com/ajax';
google.loader.ApiKey = 'notsupplied';
google.loader.KeyVerified = true;
google.loader.LoadFailure = false;
google.loader.Secure = false;
google.loader.ClientLocation = null;
google.loader.AdditionalParams = '';