如何使用javascript中的策略模式-創(chuàng)新互聯

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

創(chuàng)新互聯主要從事成都做網站、成都網站建設、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務平湖,十多年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18980820575

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

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

場景：使用策略模式實現一個加減乘除的工具類，將四個算法進行封裝。

示例：

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

標題名稱：如何使用javascript中的策略模式-創(chuàng)新互聯
分享URL：http://www.jiaotiyi.com/article/pojjg.html