javascript抽象工廠模式詳細(xì)說明
抽象工廠模式說明
1. 工廠方法模式的問題: 在工廠方法模式里,創(chuàng)建類都需要通過 工廠類,如果要擴(kuò)展程序,就必須修改工廠類,這違背了閉包原則,對擴(kuò)展開放,對修改關(guān)閉;對于設(shè)計(jì)有一定的問題。
2. 如何解決:就要用到抽象工廠模式,就是對功能類單獨(dú)創(chuàng)建工廠類,這樣就不必修改之前的代碼,又?jǐn)U展了功能。
3. 工廠模式其實(shí)就是對 實(shí)現(xiàn)同一接口的 實(shí)現(xiàn)類 的 統(tǒng)一 工廠方式創(chuàng)建調(diào)用,但 javascript 沒有接口這號東西,所以就去掉這一層 實(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# 使用的工廠模式,都用到接口,接口是對外向各種用戶暴露的可用方法,說明這個(gè)功能應(yīng)用有些什么的方法應(yīng)用,用戶應(yīng)該怎么用這個(gè)接口。對象以類的形式表現(xiàn)出來,代表現(xiàn)實(shí)世界中的某種抽象,也許場景會有很多類似的應(yīng)用,比如上面的 郵件發(fā)送,短信發(fā)送,再比如商場中的各種促銷手段,以及動物世界中的各種飛禽走獸等..
如果我們不以接口形式提供用戶使用,勢必提供暴露真實(shí)的功能類對象給用戶,用戶可以隨意對類對象進(jìn)行修改跟擴(kuò)展,這是不允許的。
工廠方法模式 跟 抽象工廠模式可以很好的解決這樣的問題,用戶只能使用接口調(diào)用工廠類,來進(jìn)行規(guī)定的操作;抽象工廠模式更進(jìn)一步使用擴(kuò)展功能變得容易,功能類跟工廠類都在實(shí)現(xiàn)相應(yīng)的接口上實(shí)現(xiàn)各自類級別的擴(kuò)展,不會涉及修改到其他的類或方法;
- JavaScript設(shè)計(jì)模式之工廠模式和抽象工廠模式定義與用法分析
- JavaScript設(shè)計(jì)模式之抽象工廠模式介紹
- 淺析JS抽象工廠模式
- 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)文章
JavaScript監(jiān)聽觸摸事件代碼實(shí)例
這篇文章主要介紹了JavaScript監(jiān)聽觸摸事件代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
跟我學(xué)習(xí)javascript的垃圾回收機(jī)制與內(nèi)存管理
跟我學(xué)習(xí)javascript的垃圾回收機(jī)制與內(nèi)存管理,感興趣的小伙伴們可以參考一下2015-11-11
僅IE不支持setTimeout/setInterval函數(shù)的第三個(gè)以上參數(shù)
setTimeout/setInterval,這兩個(gè)函數(shù)相信前端開發(fā)同學(xué)都很熟悉。它們在非IE(6-9)瀏覽器中還可以如下使用2011-05-05
webpack cjs運(yùn)行時(shí)分析示例詳解
這篇文章主要介紹了webpack cjs運(yùn)行時(shí)分析,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12

