js面向对象设计用{}好还是function(){}好,大家给予了回复,感觉不错,特分享给大家。
在网上看了很多JavaScript的项目, 用到对象都是采用{}的形式:
例如jQuery, TinyMCE等都是形如:
复制代码 代码如下:
var Dialog =
{
int : function() { .... },
insert : function() { .... },
pop : function() { .... }
};
//调用就是:
Dialog.init();
而我自己一直使用function闭包的方式, 感觉使用内部私有成员(函数,变量)更方便:
复制代码 代码如下:
function classDialog()
{
var box = "sdfsdf"; //init, insert等函数中调用公共变量就会很方便, 调用内部函数也很方便(如可以直接调用 search()).
this.init = function() { .... };
this.insert = function() { .... };
this.pop = function() { .... };
function search() { .... }
}
var Dialog = new classDialog();
Dialog.init();
看到TinyMCE在需要使用似有函数的时候, 是在init : function() { } 这个函数内部又定义了一个函数, 但是这样的话, 这个函数就只能 init调用, 其他方法就没办法共用这个私有函数了.
当然暂时还没有看到一个私有函数被多个公共函数调用的例子.
我想问问各位大神么, 既然function(){} 闭包创建对象使用那么方便, 为什么 {} 方法还用的那么广泛呢?
是不是 function() {} 创建的对象有什么缺陷?
回复:
对于直接使用{}创建对象..这种情况在创建极少数对象的情况下且不需要封装的情况下使用,对于需要批量创建对象的情况使用构造函数来实例化对象就非常方便 主要还是看具体的情况吧
这两种是完全不一样的东西。
{}可以算做一个单例(单例模式)
function(){} 这种返回一个对象。每次都NEW的时候返回都是一个不同的对象!
上面有同学也说了 {} 更效率了。而且不用new。{} 全局固定,可任意扩展。
一般来说{}确实效率高,使用简单随意,不过不想暴漏某些方法时候用 function 更好
您可能感兴趣的文章:
相关文章
javascript中本没有命名空间的概念,但是要体现面向对象的思想,应当有命名空间,就像java中的package,.net中的namespace一样,作用主要为了防止类名冲突,相同的类名只要属于不同的命名空间,便不会冲突。
2011-02-02学习js的高境界就是使用面向对象的方法,实现js的调用
2008-04-04这几天把工作中积累的东西整理成了一个小框架,分享给大家,希望对大家有用,也想听一下大家的批评
2009-11-11关于javascript function对象那些迷惑分析,学习js面向对象的朋友可以参考下。
2011-10-10JS没有提供所谓的类继承,据说在2.0中要加入这种继承方式,但是要所有浏览器都实现2.0的特性那肯定又得N多年。
2009-07-07AppBaseJs类库。一个借鉴了网上常用的函数及其他js类库写的,方便大家的调用。
2010-03-03继承是面向对象中比不可少的特性,但javascript中并没有继承的概念机制,但我们可以自己来实现这种功能。
2010-05-05关于JavaScript构造函数,如今出现了很多JavaScript的框架,例如jQuery、Ext等等这些,这些将JavaScript作为一种面向对象的语言进行编程,那么JavaScript到底是怎么样实现面向对象的一些特征的呢,首先,我们来看看JavaScript怎么样来定义一个构造函数。
2010-06-06经过前段时间,学习《ajax完全自学手册》后,才知道javascript原来还可以这么写。
2010-03-03最近这一段时间事情太多了,没有时间再继续写,幸好这两天有点小闲,先小写一下JavaScript中面向对象一中推荐的方法。
2010-05-05