js面向对象设计用{}好还是function(){}好(构造函数)
2011-10-23 00:00
706 查看
在网上看了很多JavaScript的项目, 用到对象都是采用{}的形式:
例如jQuery, TinyMCE等都是形如:
而我自己一直使用function闭包的方式, 感觉使用内部私有成员(函数,变量)更方便:
看到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 更好
相关文章推荐
- js面向对象设计用{}好还是function(){}好(构造函数)
- js面向对象设计用{}好还是function(){}好(构造函数)
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- JavaScript面向对象设计二——构造函数模式
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- 【Java面向对象设计 构造函数设计】
- js 面向对象学习4 function 和闭包
- 被坑了,js语法跟Java面向对象语法还是有区别的
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- js面向对象设计规则
- js的面向对象和设计模式
- js 面向对象插件写法,还是很好理解的
- 黑马程序员_面向对象一(封装,构造函数,this,static,单例设计模式)
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- JavaScript面向对象设计二——构造函数模式
- 面向对象JS基础讲解,工厂模式、构造函数模式、原型模式、混合模式、动态原型模式
- 黑马程序员_面向对象1_(封装、构造函数、this、static、单例设计模式)
- JS中面向对象设计
- JS面向对象应用二(多差异流程的WEB客户端逻辑设计实现)
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)