JavaScript設計模式之策略模式詳解
更新時間:2017年06月09日 10:17:44 作者:Stinchan
這篇文章主要為大家詳細介紹了JavaScript設計模式之策略模式的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
在程序設計中,我們也常常遇到這種情況,要實現(xiàn)某一個功能我們有很多種算法可以實現(xiàn)。
這些算法靈活多樣,而且可以隨意互相替換。這種解決方案就是所謂的策略模式。
策略模式的定義是:定義一系列的算法,把它們一個個封裝起來,并且使它們可以相互替換。
/* * pre:策略模式 * 示例:公司計算獎金,分A、B、C 三種績效,計算方式如下 * 績效為A,獎金乘以系數(shù)5 * 績效為B,獎金乘以系數(shù)4 * 績效為C,獎金乘以系數(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)); /* 缺點:1、函數(shù)體系龐大,擁有太多的if-else語句; 2、如果增加績效D,需修改內(nèi)部函數(shù),違背封閉-開放原則; 3、復用性差,其他地方如果用到計算獎金,只能賦值黏貼; */ //--------- 示例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)); /* 缺點:1、函數(shù)體系龐大,系統(tǒng)變化時缺乏彈性 */ //--------- 示例3 ------------ // 策略模式重構(gòu):定義一系列算法,將它們一個個封裝起來。 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));
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript優(yōu)化專題之Loading and Execution加載和運行
這篇文章主要介紹了JavaScript優(yōu)化專題中Loading and Execution加載和運行的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01淺談js基礎數(shù)據(jù)類型和引用類型,深淺拷貝問題,以及內(nèi)存分配問題
下面小編就為大家?guī)硪黄獪\談js基礎數(shù)據(jù)類型和引用類型,深淺拷貝問題,以及內(nèi)存分配問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09