這篇文章主要講解了如何使用javascript中的策略模式，內(nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

網(wǎng)站的建設(shè)創(chuàng)新互聯(lián)公司專注網(wǎng)站定制,經(jīng)驗(yàn)豐富,不做模板,主營(yíng)網(wǎng)站定制開發(fā).小程序定制開發(fā),H5頁(yè)面制作!給你煥然一新的設(shè)計(jì)體驗(yàn)!已為LED顯示屏等企業(yè)提供專業(yè)服務(wù)。

介紹：策略模式中可以定義一些獨(dú)立的類來(lái)封裝不同的算法，每一個(gè)類封裝一種具體的算法。在這里，每一種算法的封裝都可以稱之為一種策略。策略模式的主要目的是將算法的定義與使用分開。

定義：定義一系列算法類，將每一個(gè)算法封裝起來(lái)，并讓它們可以相互替換。策略模式讓算法獨(dú)立與使用它的客戶而變化，也稱為政策模式。策略模式是一種對(duì)象行為型模式。

場(chǎng)景：使用策略模式實(shí)現(xiàn)一個(gè)加減乘除的工具類，將四個(gè)算法進(jìn)行封裝。

示例：

var AddStrategy = function(){
  this.caculate = function(num1, num2){
    return num1 + num2;
  }
}
 
var SubStrategy = function(){
  this.caculate = function(num1, num2){
    return num1 - num2;
  }
}
 
var MulStrategy = function(){
  this.caculate = function(num1, num2){
    return num1 * num2;
  }
}
 
var DivStrategy = function(){
  this.caculate = function(num1, num2){
    return num1 / num2;
  }
}
 
var Context = function(strategy){
  var _strategy = strategy;
 
  this.executeStrategy = function(num1, num2){
    return _strategy.caculate(num1, num2)
  }
}
var add = new Context(new AddStrategy());
var sub = new Context(new SubStrategy());
var mul = new Context(new MulStrategy());
var div = new Context(new DivStrategy());
 
console.log('1 + 2 = ' + add.executeStrategy(1, 2));
console.log('5 - 1 = ' + sub.executeStrategy(5, 1));
console.log('3 * 2 = ' + mul.executeStrategy(3, 2));
console.log('8 / 2 = ' + div.executeStrategy(8, 2));
 
// 1 + 2 = 3
// 5 - 1 = 4
// 3 * 2 = 6
// 8 / 2 = 4

在這個(gè)例子里，Context稱之為環(huán)境類，環(huán)境類是使用算法的角色，他在解決某個(gè)問(wèn)題時(shí)可以采用多種策略。我們的例子里，根據(jù)傳遞的策略不同，導(dǎo)致Context作出不同的處理方式。
DivStrategy，MulStrategy，SubStrategy，AddStrategy稱為策略類，用來(lái)實(shí)現(xiàn)具體策略。

策略模式總結(jié)：

優(yōu)點(diǎn)：

* 提供了開關(guān)原則的完美支持，可以再不修改原有系統(tǒng)基礎(chǔ)上進(jìn)行擴(kuò)展
* 策略模式提供了一種可以替換繼承關(guān)系的辦法
* 使用策略模式可以避免多重條件選擇語(yǔ)句。

缺點(diǎn)：

* 客戶端必須知道所有的策略類，并自行選擇需要使用哪一個(gè)策略
* 策略模式將造成系統(tǒng)產(chǎn)生很多策略類，任何細(xì)小的變化都導(dǎo)致系統(tǒng)需要新增一個(gè)新的策略類
* 客戶端每次只能選擇使用一個(gè)策略類

看完上述內(nèi)容，是不是對(duì)如何使用javascript中的策略模式有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。