js面向对象设计用{}好还是function(){}好(构造函数)
更新时间：2011年10月23日 14:18:45 作者：
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 更好
例如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 更好
相关文章
接口的实现，从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要拘泥与形式,理解本质。2010-04-04
这篇开始会分析流行的js库之写类方式。各种库的写类方式虽然千奇百怪，但仍然逃离不了本质---用构造函数和原型 来组装类。2009-07-07
brook是一个针对大规模web开发的Javascript框架，而不是一个工具集。2011-10-10
在我们写js代码的时候，内部对象是不可避免的要引用，但是光靠这些对象是不够的，所以需要我们自己定义对象，这个时候通常用到的对象是第三种，即基于原型的对象，下面就如何创建自己的对象，定义对象的方法、属性，调用对象给出详细的说明。2009-10-10
这里引入的是YUI 2.7.0版，只需引入yahoo.js。YUI引入了命名空间，类似于java的包。以下yahoo的工具函数包2009-07-07
“在面向对象的思想中，最核心的概念之一就是类。一个类表示了具有相似性质的一类事物的抽象，通过实例化一个类，可以获得属于该类的一个实例（即对象）”。2009-08-08
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
AppBaseJs类库。一个借鉴了网上常用的函数及其他js类库写的,方便大家的调用。2010-03-03
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
在Java语言中，我们可以定义自己的类，并根据这些类创建对象来使用，在Javascript中，我们也可以定义自己的类，例如定义User类、Hashtable类等等。2010-04-04
在面向对象编程语言中，对于this关键字我们是非常熟悉的。比如C++、C#和Java等都提供了这个关键字2009-03-03
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
javascript也是一种面向对象的编程语言。但是javascript中的类相关的东西(类的定义，原型链，继承等)却不是很好理解，特别是继承。2011-07-07
最新评论