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

1、工廠模式：

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

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

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

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

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

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的單體，能降低耦合度，當需要添加一些新的隊員類型的時候，只要修改TeamFactory工廠單體對象就行。

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

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

解決：構造器模式，請見：//www.survivalescaperooms.com/article/144495.htm。

2、抽象工廠模式

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

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

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

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

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