小編給大家分享一下JavaScript設(shè)計(jì)模式之策略模式的示例分析,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
連云港ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來(lái)市場(chǎng)廣闊!成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:13518219792(備注:SSL證書合作)期待與您的合作!
JavaScript是一種直譯式的腳本語(yǔ)言,其解釋器被稱為JavaScript引擎,是瀏覽器的一部分,JavaScript是被廣泛用于客戶端的腳本語(yǔ)言,最早是在HTML網(wǎng)頁(yè)上使用,用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。
在程序設(shè)計(jì)中,我們也常常遇到這種情況,要實(shí)現(xiàn)某一個(gè)功能我們有很多種算法可以實(shí)現(xiàn)。
這些算法靈活多樣,而且可以隨意互相替換。這種解決方案就是所謂的策略模式。
策略模式的定義是:定義一系列的算法,把它們一個(gè)個(gè)封裝起來(lái),并且使它們可以相互替換。
/* * pre:策略模式 * 示例:公司計(jì)算獎(jiǎng)金,分A、B、C 三種績(jī)效,計(jì)算方式如下 * 績(jī)效為A,獎(jiǎng)金乘以系數(shù)5 * 績(jī)效為B,獎(jiǎng)金乘以系數(shù)4 * 績(jī)效為C,獎(jiǎng)金乘以系數(shù)3 */ //-------- 示例1 ---------- var calculateBonus = function(performanceLevel, salary) { if(performanceLevel === 'A') { return salary * 5; } if(performanceLevel === 'B') { return salary * 4; } if(performanceLevel === 'C') { return salary * 3; } }; console.log(calculateBonus('A', 2000)); /* 缺點(diǎn):1、函數(shù)體系龐大,擁有太多的if-else語(yǔ)句; 2、如果增加績(jī)效D,需修改內(nèi)部函數(shù),違背封閉-開(kāi)放原則; 3、復(fù)用性差,其他地方如果用到計(jì)算獎(jiǎng)金,只能賦值黏貼; */ //--------- 示例2 ------------ var performanceA = function(salary) { return salary * 5; }; var performanceB = function(salary) { return salary * 4; }; var performanceC = function(salary) { return salary * 3; }; var calculateBonus = function(performanceLevel, salary) { if(performanceLevel === 'A') { return performanceA(salary); } if(performanceLevel === 'B') { return performanceB(salary); } if(performanceLevel === 'C') { return performanceC(salary); } }; console.log(calculateBonus('A', 2000)); /* 缺點(diǎn):1、函數(shù)體系龐大,系統(tǒng)變化時(shí)缺乏彈性 */ //--------- 示例3 ------------ // 策略模式重構(gòu):定義一系列算法,將它們一個(gè)個(gè)封裝起來(lái)。 var performanceA = function(){}; performanceA.prototype.caculate = function(salary){ return salary * 5; }; var performanceB = function(){}; performanceB.prototype.caculate = function(salary){ return salary * 4; }; var performanceC = function(){}; performanceC.prototype.caculate = function(salary){ return salary * 3; }; var Bonus = function(){ this.salary = null; this.strategy = null; }; Bonus.prototype.setSalary = function(salary){ this.salary = salary; }; Bonus.prototype.setStrategy = function(strategy){ this.strategy = strategy; } Bonus.prototype.getBonus = function(){ return this.strategy.caculate(this.salary); } var bonus = new Bonus(); bonus.setSalary(2000); bonus.setStrategy(new performanceA()); console.log(bonus.getBonus()); // ----------- 示例4 --------------- // javaScript版本 var Strategies = { "A":function(salary){ return salary * 5; }, "B":function(salary){ return salary * 4; }, "C":function(salary){ return salary * 3; } }; var caculateBonus = function(level,salary){ return Strategies[level](salary); }; console.log(caculateBonus("A",2000));
看完了這篇文章,相信你對(duì)“JavaScript設(shè)計(jì)模式之策略模式的示例分析”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
當(dāng)前文章:JavaScript設(shè)計(jì)模式之策略模式的示例分析
路徑分享:http://bm7419.com/article48/geegep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、建站公司、網(wǎng)站建設(shè)、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)