本文實(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)題，開(kāi)始使用工廠模式。

利用工廠模式，可以實(shí)現(xiàn)不指定特定的類(lèi)而創(chuàng)建出對(duì)象，也就是說(shuō)，不需要使用new關(guān)鍵字來(lái)創(chuàng)建特定類(lèi)或子類(lèi)的實(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ì)員類(lèi)型，必須修改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ì)員類(lèi)型的時(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ì)象的類(lèi)型）。

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

2、抽象工廠模式

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

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

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

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

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

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題：《javascript面向?qū)ο笕腴T(mén)教程》、《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ì)有所幫助。

最新評(píng)論