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

1、工廠模式：

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

利用工廠模式，可以實(shí)現(xiàn)不指定特定的類而創(chuàng)建出對象，也就是說，不需要使用new關(guān)鍵字來創(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");

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

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

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工廠單體對象就行。

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

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

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

2、抽象工廠模式

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

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

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

①　當(dāng)需要在代碼的其余所有部分通過屏蔽較為復(fù)雜的對象創(chuàng)建方法來簡化某些特定對象的創(chuàng)建過程時(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é)》

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

最新評論