javascript抽象工廠模式詳細(xì)說明
抽象工廠模式說明
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ì)涉及修改到其他的類或方法;
- JavaScript設(shè)計(jì)模式之工廠模式和抽象工廠模式定義與用法分析
- JavaScript設(shè)計(jì)模式之抽象工廠模式介紹
- 淺析JS抽象工廠模式
- javascript設(shè)計(jì)模式 – 工廠模式原理與應(yīng)用實(shí)例分析
- javascript設(shè)計(jì)模式 – 簡(jiǎn)單工廠模式原理與應(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)文章
實(shí)現(xiàn)點(diǎn)擊列表彈出列表索引的兩種方式
使用利用事件冒泡委托給列表的父節(jié)點(diǎn)去處理的方式第二種方式就是使用閉包了,感興趣的你可以參考下本文,或許對(duì)你學(xué)習(xí)js有所幫助2013-03-03bootstrap導(dǎo)航條實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了bootstrap導(dǎo)航條的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12js實(shí)現(xiàn)iframe框架取值的方法(兼容IE,firefox,chrome等)
這篇文章主要介紹了js實(shí)現(xiàn)iframe框架取值的方法,可兼容IE,firefox,chrome等瀏覽器.涉及JavaScript針對(duì)框架元素取值的相關(guān)技巧,需要的朋友可以參考下2015-11-11js location.replace與location.reload的區(qū)別
js location.replace與location.reload的區(qū)別,經(jīng)常能用的到,需要的朋友可以可以下。2010-09-09