国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript模板方法模式和職責鏈模式實例分析

瀏覽:3日期:2022-06-13 09:08:18
一、模板方法模式

1、模板方法模式,基于繼承的設計模式,由兩部分組成,抽象父類和具體實現子類。

2、例子Coffe 和 Tea

//創建抽象類 -- 飲料 function Beverage(){} Beverage.prototype.boilWater = function(){ console.log('把水煮沸') } //抽象的父類方法,具體實現由子類來寫 Beverage.prototype.brew = function(){} //泡 Beverage.prototype.pourIncup = function(){} //飲料倒進杯子 Beverage.prototype.addCond = function(){} //加調料 Beverage.prototype.init = function(){ this.boilWater(); this.brew(); this.pourIncup(); this.addCond(); } //創建具體子類 coffee and tea var Coffee = function (){}; Coffee.prototype = new Beverage(); Coffee.prototype.brew = function (){ console.log('用沸水沖泡咖啡') } Coffee.prototype.brew = function (){ console.log('把咖啡倒進杯子') } Coffee.prototype.brew = function (){ console.log('加糖和牛奶') } var coffee = new Coffee(); coffee.init(); var Tea = function(){}; Tea.prototype = new Beverage(); Tea.prototype.brew = function (){ console.log('用沸水沖泡茶') } Tea.prototype.brew = function (){ console.log('茶倒進杯子') } Tea.prototype.brew = function (){ console.log('加檸檬') } var tea= new Tea(); tea.init();

Beverage.prototype.init 被稱為模板方法的原因是:該方法封裝了子類的算法框架,作為算法模板,指導子類以何種順序去執行方法。

??抽象方法沒有具體的實現過程,是一些啞方法,當子類繼承這個抽象類,必須重寫父類的抽象方法。

如果子類忘記實現父類中的抽象方法?

Beverage.prototype.brew = function (){ throw new Error('子類必須重寫父類的brew方法')}二、職責鏈模式

1、職責鏈模式:弱化了發送(請求)-接收者之間的強聯系。

2、購物付定金例子

//舊版 order//orderType 預付定金類型,code為1 500元定金 code為2 200元定金 code為3 普通用戶//pay 是否已經支付過定金//stock 當前用于普通購買客戶的手機內存數量var order = function (orderType, pay, stock) { if (orderType === 1) {if (pay) { console.log('預付500定金并且已支付,得到100元優惠券')} else { //定金未支付,降到普通購買 if (stock > 0) {console.log('普通購買,無優惠券') } else {console.log('庫存不足'); }} } if (orderType === 2) {if (pay) { console.log('預付200定金并且已支付,得到50元優惠券')} else { //定金未支付,降到普通購買 if (stock > 0) {console.log('普通購買,無優惠券') } else {console.log('庫存不足'); }} } if (orderType === 3) {if (stock > 0) { console.log('普通購買,無優惠券')} else { console.log('庫存不足');} }}//重構var order500 = function(orderType, pay, stock){ if(orderType ===1 && pay){console.log('預付500定金并且已支付,得到100元優惠券') }else{order200(orderType, pay, stock) }}var order500 = function(orderType, pay, stock){ if(orderType ===1 && pay){console.log('預付500定金并且已支付,得到100元優惠券') }else{order200(orderType, pay, stock) }}var order200 = function(orderType, pay, stock){ if(orderType ===2 && pay){console.log('預付200定金并且已支付,得到50元優惠券') }else{orderNormal(orderType, pay, stock) }}var orderNormal = function(orderType, pay, stock){ if (stock > 0) { console.log('普通購買,無優惠券')} else { console.log('庫存不足');}}

大函數拆分成3個小函數,去掉了許多嵌套的條件分支語句。

但是耦合嚴重,order500和order200耦合在一起,違反開放-封閉原則;

更多設計模式相關知識點,還可以參考本站文章:

https://www.jb51.net/article/252965.htm

https://www.jb51.net/article/27973.htm

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 中国美女隐私无遮挡免费视频 | 亚洲精品一区 | 国产精品一级片 | 国产欧美日韩综合精品一区二区三区 | 一区二区三区四区国产精品 | 成在线人视频免费视频 | 韩国19禁主播裸免费福利 | 欧美在线一级va免费观看 | 九九成人| 中国一级毛片录像 | 91精品啪在线看国产网站 | 91青草久久久久久清纯 | 亚洲精品资源在线 | 精品国产亚洲一区二区三区 | 国产精品性视频免费播放 | 99热国产免费 | 久久精品国产精品青草 | 久久亚洲国产视频 | 亚洲国产精品第一区二区三区 | 黄在线看| 在线观看精品视频 | 成人全黄三级视频在线观看 | 国产在播放一区 | 精品国产成人a区在线观看 精品国产成人a在线观看 | 亚洲欧美日韩精品久久 | 失禁h啪肉尿出来高h男男 | 国产三a级日本三级日产三级 | 澳门毛片免费观看 | 亚洲九九夜夜 | 亚洲精品乱无伦码 | 久久最新免费视频 | 台湾黄三级高清在线观看播放 | 久草精彩视频 | 久草久草在线视频 | 免费无遮挡毛片 | 国产三级a三级三级三级 | 欧美色视频日本片免费高清 | 午夜一级毛片不卡 | 久久草网站 | 欧美成人亚洲 | 91在线免费公开视频 |