javascript設(shè)計(jì)模式之工廠模式

1、工廠模式是一種最常用的實(shí)例化對(duì)象模式，是用工廠方法代替new操作的一種 模式。在工廠模式中，我們?cè)趧?chuàng)建對(duì)象吋不會(huì)對(duì)客戶端暴露創(chuàng)建邏輯，并且是通 過(guò)使用一個(gè)共同的接口來(lái)指向新創(chuàng)建的對(duì)象。因?yàn)楣S模式就相當(dāng)于創(chuàng)建實(shí)例對(duì) 象的new,在javascript中通常會(huì)使用new關(guān)鍵字來(lái)實(shí)例化對(duì)彖，如a： a=new a(),工廠模式也是用來(lái)創(chuàng)建實(shí)例對(duì)象的，所以以后new時(shí)就要多個(gè)心眼，是否 可以考慮使用工廠模式，雖然這樣做，可能多做一些工作，但會(huì)給你系統(tǒng)帶來(lái)更 大的可擴(kuò)展性和盡量少的修改量。設(shè)計(jì)意圖：定義一個(gè)創(chuàng)建對(duì)象的接口，讓其子類自己決定實(shí)例化哪一個(gè)工廠類, 工廠模式使其創(chuàng)建過(guò)程延遲到子類進(jìn)行。主要解

2、決的問(wèn)題：主要解決接口選擇的問(wèn)題。使用場(chǎng)景：我們明確地計(jì)劃不同條件下創(chuàng)建不同實(shí)例時(shí)。舉個(gè)現(xiàn)實(shí)中的例子來(lái)理解工廠模式：現(xiàn)在有一個(gè)生成車(chē)輛的公司，生產(chǎn)的產(chǎn)品有 自行車(chē)、摩托車(chē)、電動(dòng)車(chē)三種。市場(chǎng)的需求在不斷的變化，工廠是無(wú)法準(zhǔn)確的確 定當(dāng)下市場(chǎng)需要多少的自行車(chē)、摩托車(chē)、電動(dòng)車(chē)。如果某種車(chē)輛生產(chǎn)的太多，就 會(huì)因?yàn)殇N(xiāo)售不出去而造成庫(kù)存積壓嚴(yán)重的問(wèn)題。所以工廠的領(lǐng)導(dǎo)會(huì)議決定：往后 自由在接收到車(chē)輛的具體訂單時(shí)再生產(chǎn)具體的車(chē)倆，也就是說(shuō)，如果接到的是自 行車(chē)的訂單就生產(chǎn)自行車(chē)，接到摩托車(chē)訂單就生產(chǎn)摩托車(chē)，接到電動(dòng)車(chē)訂單就生 產(chǎn)電動(dòng)車(chē)。最簡(jiǎn)單的工廠模式程序?qū)嵗?var car = (function() va

3、r car 二 function(model, year, miles) this. model = model;thisyear = year;this miles = miles;；return function(model, year, miles) return new car(model, year, miles);； )()；var dika 二 new carc dika，, 200& 20000);這是最簡(jiǎn)單的工廠模式，只用于創(chuàng)建一種實(shí)例對(duì)彖。再來(lái)看看復(fù)雜點(diǎn)的實(shí)例：/工廠對(duì)象 var factory = (function () 工廠生產(chǎn)管理對(duì)象var productm

4、anagcr = ;/生產(chǎn)自行車(chē)productmanager. createbi cycle = fun cl i on() this, model = "bicycle"console, log ("product bicycle!zz);/生產(chǎn)摩托車(chē) productmarmger. createmoto = function() this, model = console. log(z，product moto!/z);生產(chǎn)電動(dòng)車(chē)productmanagcr. crcatcelcctrocar二 function() this, model = electro

5、car；console, log ("product electrocar!z/);/生產(chǎn)函數(shù)productmanager. create 二 function (type) return new productmanagertype;return productmanager: product'lanager)0;var tom = factor. productmanager. create (/zcreatemotoz/);接下來(lái)我們?cè)倏匆粋€(gè)在網(wǎng)頁(yè)屮使用的一個(gè)實(shí)例：假如我們想在網(wǎng)頁(yè)面里插入一些 元素，而這些元素類型不固定，可能是圖片，也有可能是連接，甚至可能是文本, 根

6、據(jù)工廠模式的定義，我們需要定義工廠類和相應(yīng)的子類：var page 二(function()var dom = ;子類1:處理文本dom. text 二 function() this. insert 二 function(where, text) var txt 二 document.createtextnode(text);where. appcndchild(txt);/子類2：處理鏈接dom. link = function()this, insert = function(where, url) var link 二 document, createelement(；1 ink.hr

7、ef = url;link. appendchiid (document. creeitetextnode (url); where. appcndchild(link);/子類3：處理圖片dom. image = function () this, insert = function (where, url) var img 二 document. createelement c img"); img. src 二 url;where. appendchild(img);/創(chuàng)建函數(shù)dom. create 二 function(type) return new domtype;；return dom: dom )0;var t = page. dom create text'); t. insert (document, body, 新建文本節(jié)點(diǎn));工廠模式的優(yōu)缺點(diǎn)：優(yōu)點(diǎn)：1、一個(gè)調(diào)用者想創(chuàng)建一個(gè)對(duì)象，只要知道其名稱就可以了。2、擴(kuò)展性 高，如果想增加一個(gè)產(chǎn)晶，只要擴(kuò)展一個(gè)工廠