本文實(shí)例講述了JavaScript設(shè)計(jì)模式之工廠模式和抽象工廠模式定義與用法。分享給大家供大家參考，具體如下：

1、工廠模式：

雖然Object構(gòu)造函數(shù)和對(duì)象字面量都可以用來(lái)創(chuàng)建單個(gè)對(duì)象，但這個(gè)方式有個(gè)明顯的缺點(diǎn)：使用同一個(gè)接口創(chuàng)建很多對(duì)象，會(huì)產(chǎn)生大量重復(fù)的代碼。為了解決這個(gè)問(wèn)題，開始使用工廠模式。

利用工廠模式，可以實(shí)現(xiàn)不指定特定的類而創(chuàng)建出對(duì)象，也就是說(shuō)，不需要使用new關(guān)鍵字來(lái)創(chuàng)建特定類或子類的實(shí)例。

var TravelTeam = function(){};
TravelTeam.prototype = {
 register : function(model){
 var person;
 switch(type){
 case "student":
 person = new Student();
 break;
 case "teacher":
 person = new Teacher();
 break;
 default:
 person = new Doctor();
 break;
 }
 return person;
 }
}
var team = new TravelTeam();
team.register(student");

問(wèn)題：大多數(shù)情形下使用沒(méi)有問(wèn)題，但擴(kuò)展性不好，如需要添加一些新的隊(duì)員類型，必須修改switch部分。

解決：工廠模式，把相同的部分單獨(dú)出來(lái)交給一個(gè)簡(jiǎn)單的工廠對(duì)象：

var TeamFactory = {
 createTeam:function(type){
 var person;
 switch(type){
 case "student":
 person = new Student();
 break;
 case "teacher":
 person = new Teacher();
 break;
 default:
 person = new Doctor();
 break;
 }
 return person;
 }
}

TeamFactory是一個(gè)脫離于TravelTeam的單體，能降低耦合度，當(dāng)需要添加一些新的隊(duì)員類型的時(shí)候，只要修改TeamFactory工廠單體對(duì)象就行。

var TravelTeam = function(){};
TravelTeam.prototype = {
 register:function(type){
 var person = TeamFactory.createTeam(type);
 return person;
 }
}

工廠模式的問(wèn)題：雖然解決了創(chuàng)建多個(gè)相似對(duì)象的問(wèn)題，但卻沒(méi)有解決對(duì)象識(shí)別的問(wèn)題（即不知道對(duì)象的類型）。

解決：構(gòu)造器模式，請(qǐng)見(jiàn)：//www.gxlcms.com/article/144495.htm。

2、抽象工廠模式

在工廠模式的基礎(chǔ)上進(jìn)行更高層次的抽象，根據(jù)共同的用途或主題來(lái)抽象出一個(gè)最高層基礎(chǔ)工廠類，其他具有相似行為的工廠類將繼承于此工廠類。

最典型的例子是了解HTML5與HTML4表單域的不同之處后，抽象出最高層的表單域工廠類，HTML5表單域工廠類和HTML4表單域工廠類都繼承自該類。

工廠模式與抽象工廠模式的不同：

①　當(dāng)需要在代碼的其余所有部分通過(guò)屏蔽較為復(fù)雜的對(duì)象創(chuàng)建方法來(lái)簡(jiǎn)化某些特定對(duì)象的創(chuàng)建過(guò)程時(shí)，使用工廠模式很適合；

②　當(dāng)需要從現(xiàn)有代碼中的多個(gè)類中，根據(jù)這些類之間共有的目的或通用的主題，創(chuàng)建出一個(gè)額外的抽象層，以降低應(yīng)用程序的其余開發(fā)工作的復(fù)雜性時(shí)，使用抽象工廠模式很適合。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com