手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js面向对象设计用{}好还是function(){}好(构造函数)
js面向对象设计用{}好还是function(){}好(构造函数)
摘要:在网上看了很多JavaScript的项目,用到对象都是采用{}的形式:例如jQuery,TinyMCE等都是形如:复制代码代码如下:varD...

在网上看了很多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 更好

【js面向对象设计用{}好还是function(){}好(构造函数)】相关文章:

JavaScript中Cookies的相关使用教程

JavaScript通过事件代理高亮显示表格行的方法

浅谈javascript的call()、apply()、bind()的用法

Javascript技术栈中的四种依赖注入小结

Js的Array数组对象详解

怎么用javascript进行拖拽第1/2页

JS选项卡动态替换banner图片路径的方法

javascript实现模拟时钟的方法

js实现精美的银灰色竖排折叠菜单

js实现异步循环实现代码

精品推荐
分类导航