快捷導(dǎo)航

javascript 模式設(shè)計之工廠模式詳細(xì)說明

更新時間：2010年05月10日 11:52:56 作者：

模式類型：工廠模式
模式說明：常用模式之一，用來動態(tài)創(chuàng)建對象
適用范圍：在運行期間需要在一系列可互換的子類中進行選擇的類
注意事項：接口的實現(xiàn)，從而使不同子類可以被同等的對待,恰當(dāng)?shù)氖褂霉S模式,但不要拘泥與形式,理解本質(zhì)。
關(guān)鍵點：以函數(shù)/類/子類構(gòu)建的選擇器
本質(zhì)：函數(shù)作為選擇器的使用
一般使用形式：
作為獨立的選擇器存在：

復(fù)制代碼代碼如下:

 
function FactoryMode(index){ 
switch(index){ 
case "index1" : 
return new Class1();break; 
case "index2": 
return new Class2();break; 
case "index3": 
return new Class3();break; 
default:return new ClassComm();break; 
} 
} 

或作為類的一個方法存在：

復(fù)制代碼代碼如下:

 
var MainClass=function(){};//主類構(gòu)造器 
MainClass.prototype={ 
FactoryMode:function(){}//子類選擇器 
} 

又或隱式選擇，即不以使用者的主觀選擇而選擇：

復(fù)制代碼代碼如下:

 
var xmlRequest=function(){ 
if(this.isOffOnline()){ 
xhr= new OfflineHandler(); 
}//如果此時網(wǎng)絡(luò)不可用，創(chuàng)建可緩存AJAX對象 
else if(this.isHightLatency()){ 
xhr= new QueuedHandler(); 
}//如果網(wǎng)絡(luò)延遲較大，創(chuàng)建隊列形式AJAX對象 
else { 
xhr=new SimpleHandler(); 
}//如果網(wǎng)絡(luò)正常，創(chuàng)建簡單AJAX對象 
interface.ensureImplements(xhr,AjaxHandler); 
//檢查對象是否實現(xiàn)了接口，從而確保以后的工作可以順利進行 
return xhr; 
} 

延伸：

工廠模式的本質(zhì)就是選擇器的應(yīng)用，選擇器不僅可作為對象的選擇，還可作為函數(shù)的選擇，類的選擇，參數(shù)的選擇
函數(shù)的選擇，如：

復(fù)制代碼代碼如下:

 
var addEvent=(function(){ 
if(!-[0,]){ 
return function(elem,type,handler){ 
elem[type+handler.toString()]=handler; 
elem.attachEvent("on"+type,elem[type+handler.toString]); 
}}//if IE 
else { 
return function(elem,type,handler){ 
elem.addEventListener(type,handler,false); 
} 
} 
})();//避免多次判斷 

類的選擇：

復(fù)制代碼代碼如下:

 
var suitableClass=function(){ 
if(match condition A) return Class1; 
else if(match condition B) return Class2; 
else return ClassComm; 
} 

參數(shù)的選擇：

復(fù)制代碼代碼如下:

 
function Country(country){ 
if(country=="China") 
this.config={};//設(shè)置基本參數(shù)1 
else if(contry=="America") 
this.config={};//設(shè)置參數(shù)2 
else if() 
.......//等等 
} 
Country.prototype={}; 

您可能感興趣的文章: