JavaScript設(shè)計模式之工廠模式和抽象工廠模式定義與用法分析

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

1、工廠模式：

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

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

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");

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

解決：工廠模式，把相同的部分單獨(dú)出來交給一個簡單的工廠對象：

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是一個脫離于TravelTeam的單體，能降低耦合度，當(dāng)需要添加一些新的隊員類型的時候，只要修改TeamFactory工廠單體對象就行。

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

工廠模式的問題：雖然解決了創(chuàng)建多個相似對象的問題，但卻沒有解決對象識別的問題（即不知道對象的類型）。

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

2、抽象工廠模式

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

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

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

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

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

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

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

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