JavaScript設(shè)計(jì)模式之抽象工廠模式介紹
抽象工廠模式說明
1. 工廠方法模式的問題: 在工廠方法模式里,創(chuàng)建類都需要通過 工廠類,如果要擴(kuò)展程序,就必須修改工廠類,這違背了閉包原則,對(duì)擴(kuò)展開放,對(duì)修改關(guān)閉;對(duì)于設(shè)計(jì)有一定的問題。
2. 如何解決:就要用到抽象工廠模式,就是對(duì)功能類單獨(dú)創(chuàng)建工廠類,這樣就不必修改之前的代碼,又?jǐn)U展了功能。
3. 工廠模式其實(shí)就是對(duì) 實(shí)現(xiàn)同一接口的 實(shí)現(xiàn)類 的 統(tǒng)一 工廠方式創(chuàng)建調(diào)用,但 javascript 沒有接口這號(hào)東西,所以就去掉這一層 實(shí)現(xiàn),但位功能類的成員及方法都應(yīng)當(dāng)一樣;
抽象工廠源碼例子
1. 郵件發(fā)送類:
function MailSender() {
this.to = '';
this.title = '';
this.content = '';
}
MailSender.prototype.send = function() {
//send body
}
2. 短信發(fā)送類:
function SmsSender() {
this.to = '';
this.title = '';
this.content = '';
}
SmsSender.prototype.send = function() {
//send body
}
3. 這里本來是創(chuàng)建工廠接口類,這里就去掉了; 直接創(chuàng)建各功能類工廠;
1>. 郵件工廠類:
function MailFactory() {
}
MailFactory.prototype.produce = function() {
return new MailSender();
}
2>. 短信工廠類:
function SmsFactory() {
}
SmsFactory.prototype.produce = function() {
return new SmsSender();
}
4. 使用方法:
var factory = new MailFactory();
var sender = factory.produce();
sender.to = 'toname#mail.com';
sender.title = '抽象工廠模式';
sender.content = '發(fā)送內(nèi)容';
sender.send();
其他說明
在面向?qū)ο笳Z言如 java,.net C# 使用的工廠模式,都用到接口,接口是對(duì)外向各種用戶暴露的可用方法,說明這個(gè)功能應(yīng)用有些什么的方法應(yīng)用,用戶應(yīng)該怎么用這個(gè)接口。對(duì)象以類的形式表現(xiàn)出來,代表現(xiàn)實(shí)世界中的某種抽象,也許場(chǎng)景會(huì)有很多類似的應(yīng)用,比如上面的 郵件發(fā)送,短信發(fā)送,再比如商場(chǎng)中的各種促銷手段,以及動(dòng)物世界中的各種飛禽走獸等..
如果我們不以接口形式提供用戶使用,勢(shì)必提供暴露真實(shí)的功能類對(duì)象給用戶,用戶可以隨意對(duì)類對(duì)象進(jìn)行修改跟擴(kuò)展,這是不允許的。
工廠方法模式 跟 抽象工廠模式可以很好的解決這樣的問題,用戶只能使用接口調(diào)用工廠類,來進(jìn)行規(guī)定的操作;抽象工廠模式更進(jìn)一步使用擴(kuò)展功能變得容易,功能類跟工廠類都在實(shí)現(xiàn)相應(yīng)的接口上實(shí)現(xiàn)各自類級(jí)別的擴(kuò)展,不會(huì)涉及修改到其他的類或方法;
當(dāng)然 javascript 這種語言,沒辦法這么干,程序員得自律!
- JavaScript設(shè)計(jì)模式之工廠模式和抽象工廠模式定義與用法分析
- 淺析JS抽象工廠模式
- javascript抽象工廠模式詳細(xì)說明
- javascript設(shè)計(jì)模式 – 工廠模式原理與應(yīng)用實(shí)例分析
- javascript設(shè)計(jì)模式 – 簡單工廠模式原理與應(yīng)用實(shí)例分析
- javascript設(shè)計(jì)模式 – 單例模式原理與應(yīng)用實(shí)例分析
- javascript 設(shè)計(jì)模式之享元模式原理與應(yīng)用詳解
- javascript 設(shè)計(jì)模式之組合模式原理與應(yīng)用詳解
- 《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記七:Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)組合模式詳解
- 《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記五:Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)工廠模式實(shí)例分析
- 《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記四:Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)鏈?zhǔn)秸{(diào)用實(shí)例分析
- javascript設(shè)計(jì)模式 – 抽象工廠模式原理與應(yīng)用實(shí)例分析
相關(guān)文章
js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)簡單實(shí)例
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)簡單實(shí)例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01
openLayer4實(shí)現(xiàn)動(dòng)態(tài)改變標(biāo)注圖標(biāo)
這篇文章主要為大家詳細(xì)介紹了openLayer4實(shí)現(xiàn)動(dòng)態(tài)改變標(biāo)注圖標(biāo),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08
avaScript基礎(chǔ)學(xué)習(xí)-基本的語法規(guī)則
這篇文章主要介紹了avaScript的語法規(guī)則,本文的語法講解主要講一下與其他語言的區(qū)別,下面詳細(xì)的介紹內(nèi)容,需要的小伙伴可以參考一下,希望對(duì)你有所幫助2022-02-02
密碼強(qiáng)度檢測(cè)效果實(shí)現(xiàn)原理與代碼
密碼強(qiáng)度檢測(cè)有利于提醒增加密碼的安全指數(shù),更好的保護(hù)密碼安全,接下來介紹密碼強(qiáng)度檢測(cè)效果的實(shí)現(xiàn)2013-01-01
JavaScript輕松創(chuàng)建級(jí)聯(lián)函數(shù)的方法示例
級(jí)聯(lián)函數(shù)也叫鏈?zhǔn)胶瘮?shù),方法鏈一般適合對(duì)一個(gè)對(duì)象進(jìn)行連續(xù)操作 (集中在一句代碼)。一定程度上可以減少代碼量,缺點(diǎn)是它占用了 函數(shù)的返回值。下面這篇文章主要給大家介紹了利用JavaScript如何輕松創(chuàng)建級(jí)聯(lián)函數(shù)的方法示例,需要的朋友可以參考借鑒。2017-02-02

