js面向?qū)ο笤O(shè)計(jì)用{}好還是function(){}好(構(gòu)造函數(shù))
更新時(shí)間：2011年10月23日 14:18:45 作者：
js面向?qū)ο笤O(shè)計(jì)用{}好還是function(){}好,大家給予了回復(fù)，感覺(jué)不錯(cuò)，特分享給大家。
在網(wǎng)上看了很多JavaScript的項(xiàng)目, 用到對(duì)象都是采用{}的形式:
例如jQuery, TinyMCE等都是形如:
var Dialog =
{
int : function() { .... },
insert : function() { .... },
pop : function() { .... }
};
//調(diào)用就是:
Dialog.init();
而我自己一直使用function閉包的方式, 感覺(jué)使用內(nèi)部私有成員(函數(shù),變量)更方便:
function classDialog()
{
var box = "sdfsdf"; //init, insert等函數(shù)中調(diào)用公共變量就會(huì)很方便, 調(diào)用內(nèi)部函數(shù)也很方便(如可以直接調(diào)用 search()).
this.init = function() { .... };
this.insert = function() { .... };
this.pop = function() { .... };
function search() { .... }
}
var Dialog = new classDialog();
Dialog.init();
看到TinyMCE在需要使用似有函數(shù)的時(shí)候, 是在init : function() { } 這個(gè)函數(shù)內(nèi)部又定義了一個(gè)函數(shù), 但是這樣的話, 這個(gè)函數(shù)就只能 init調(diào)用, 其他方法就沒(méi)辦法共用這個(gè)私有函數(shù)了.
當(dāng)然暫時(shí)還沒(méi)有看到一個(gè)私有函數(shù)被多個(gè)公共函數(shù)調(diào)用的例子.
我想問(wèn)問(wèn)各位大神么, 既然function(){} 閉包創(chuàng)建對(duì)象使用那么方便, 為什么 {} 方法還用的那么廣泛呢?
是不是 function() {} 創(chuàng)建的對(duì)象有什么缺陷?
回復(fù):
對(duì)于直接使用{}創(chuàng)建對(duì)象..這種情況在創(chuàng)建極少數(shù)對(duì)象的情況下且不需要封裝的情況下使用，對(duì)于需要批量創(chuàng)建對(duì)象的情況使用構(gòu)造函數(shù)來(lái)實(shí)例化對(duì)象就非常方便 主要還是看具體的情況吧
這兩種是完全不一樣的東西。
{}可以算做一個(gè)單例（單例模式）
function(){} 這種返回一個(gè)對(duì)象。每次都NEW的時(shí)候返回都是一個(gè)不同的對(duì)象！
上面有同學(xué)也說(shuō)了 {} 更效率了。而且不用new。{} 全局固定，可任意擴(kuò)展。
一般來(lái)說(shuō){}確實(shí)效率高，使用簡(jiǎn)單隨意，不過(guò)不想暴漏某些方法時(shí)候用 function 更好
例如jQuery, TinyMCE等都是形如:
復(fù)制代碼 代碼如下:
var Dialog =
{
int : function() { .... },
insert : function() { .... },
pop : function() { .... }
};
//調(diào)用就是:
Dialog.init();
而我自己一直使用function閉包的方式, 感覺(jué)使用內(nèi)部私有成員(函數(shù),變量)更方便:
復(fù)制代碼 代碼如下:
function classDialog()
{
var box = "sdfsdf"; //init, insert等函數(shù)中調(diào)用公共變量就會(huì)很方便, 調(diào)用內(nèi)部函數(shù)也很方便(如可以直接調(diào)用 search()).
this.init = function() { .... };
this.insert = function() { .... };
this.pop = function() { .... };
function search() { .... }
}
var Dialog = new classDialog();
Dialog.init();
看到TinyMCE在需要使用似有函數(shù)的時(shí)候, 是在init : function() { } 這個(gè)函數(shù)內(nèi)部又定義了一個(gè)函數(shù), 但是這樣的話, 這個(gè)函數(shù)就只能 init調(diào)用, 其他方法就沒(méi)辦法共用這個(gè)私有函數(shù)了.
當(dāng)然暫時(shí)還沒(méi)有看到一個(gè)私有函數(shù)被多個(gè)公共函數(shù)調(diào)用的例子.
我想問(wèn)問(wèn)各位大神么, 既然function(){} 閉包創(chuàng)建對(duì)象使用那么方便, 為什么 {} 方法還用的那么廣泛呢?
是不是 function() {} 創(chuàng)建的對(duì)象有什么缺陷?
回復(fù):
對(duì)于直接使用{}創(chuàng)建對(duì)象..這種情況在創(chuàng)建極少數(shù)對(duì)象的情況下且不需要封裝的情況下使用，對(duì)于需要批量創(chuàng)建對(duì)象的情況使用構(gòu)造函數(shù)來(lái)實(shí)例化對(duì)象就非常方便 主要還是看具體的情況吧
這兩種是完全不一樣的東西。
{}可以算做一個(gè)單例（單例模式）
function(){} 這種返回一個(gè)對(duì)象。每次都NEW的時(shí)候返回都是一個(gè)不同的對(duì)象！
上面有同學(xué)也說(shuō)了 {} 更效率了。而且不用new。{} 全局固定，可任意擴(kuò)展。
一般來(lái)說(shuō){}確實(shí)效率高，使用簡(jiǎn)單隨意，不過(guò)不想暴漏某些方法時(shí)候用 function 更好
相關(guān)文章
javascript 模式設(shè)計(jì)之工廠模式學(xué)習(xí)心得
接口的實(shí)現(xiàn)，從而使不同子類(lèi)可以被同等的對(duì)待,恰當(dāng)?shù)氖褂霉S模式,但不要拘泥與形式,理解本質(zhì)。2010-04-04
這篇開(kāi)始會(huì)分析流行的js庫(kù)之寫(xiě)類(lèi)方式。各種庫(kù)的寫(xiě)類(lèi)方式雖然千奇百怪，但仍然逃離不了本質(zhì)---用構(gòu)造函數(shù)和原型 來(lái)組裝類(lèi)。2009-07-07
brook是一個(gè)針對(duì)大規(guī)模web開(kāi)發(fā)的Javascript框架，而不是一個(gè)工具集。2011-10-10
JavaScript 基于原型的對(duì)象（創(chuàng)建、調(diào)用）
在我們寫(xiě)js代碼的時(shí)候，內(nèi)部對(duì)象是不可避免的要引用，但是光靠這些對(duì)象是不夠的，所以需要我們自己定義對(duì)象，這個(gè)時(shí)候通常用到的對(duì)象是第三種，即基于原型的對(duì)象，下面就如何創(chuàng)建自己的對(duì)象，定義對(duì)象的方法、屬性，調(diào)用對(duì)象給出詳細(xì)的說(shuō)明。2009-10-10
這里引入的是YUI 2.7.0版，只需引入yahoo.js。YUI引入了命名空間，類(lèi)似于java的包。以下yahoo的工具函數(shù)包2009-07-07
javascript 面向?qū)ο缶幊袒A(chǔ)：封裝
“在面向?qū)ο蟮乃枷胫?，最核心的概念之一就是?lèi)。一個(gè)類(lèi)表示了具有相似性質(zhì)的一類(lèi)事物的抽象，通過(guò)實(shí)例化一個(gè)類(lèi)，可以獲得屬于該類(lèi)的一個(gè)實(shí)例（即對(duì)象）”。2009-08-08
AppBaseJs 類(lèi)庫(kù) 網(wǎng)上常用的javascript函數(shù)及其他js類(lèi)庫(kù)寫(xiě)的
AppBaseJs類(lèi)庫(kù)。一個(gè)借鑒了網(wǎng)上常用的函數(shù)及其他js類(lèi)庫(kù)寫(xiě)的,方便大家的調(diào)用。2010-03-03
JavaScript 類(lèi)的定義和引用 JavaScript高級(jí)培訓(xùn) 自定義對(duì)象
在Java語(yǔ)言中，我們可以定義自己的類(lèi)，并根據(jù)這些類(lèi)創(chuàng)建對(duì)象來(lái)使用，在Javascript中，我們也可以定義自己的類(lèi)，例如定義User類(lèi)、Hashtable類(lèi)等等。2010-04-04
javascript中類(lèi)的定義及其方式(《javascript高級(jí)程序設(shè)計(jì)》學(xué)習(xí)筆記)
javascript也是一種面向?qū)ο蟮木幊陶Z(yǔ)言。但是javascript中的類(lèi)相關(guān)的東西(類(lèi)的定義，原型鏈，繼承等)卻不是很好理解，特別是繼承。
2011-07-07