JavaScript設(shè)計(jì)模式之策略模式的示例分析

小編給大家分享一下JavaScript設(shè)計(jì)模式之策略模式的示例分析，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

連云港ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話(huà)聯(lián)系或者加微信：13518219792（備注：SSL證書(shū)合作）期待與您的合作！

JavaScript是什么

JavaScript是一種直譯式的腳本語(yǔ)言，其解釋器被稱(chēng)為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶(hù)端的腳本語(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://www.muchs.cn/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)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容