策略模式

定义一系列算法，并将它们封装起来，使它们可以互相替换。

封闭开放原则 单一职责原则 最小知识原则

将不变的部分和可变的部分分离开来，在策略模式中，是将算法的部分和算法的使用分离开来

面向对象：
请求-》环境类Context-》策略类Strategy

多态：同一个操作在不同的对象上会产生不同的解释行为和执行结果，换句话说， 给不同的对象发送同一请求时，不同的对象会根据这个消息给出不同的反馈。打个比方，对鸡、鸭、 猫都发出叫喊的指令，鸡会叫“咯咯咯”，鸭子会叫“嘎嘎嘎”，猫会叫“喵喵喵”。

策略模式一般应用于：算法（比如不同的排序算法）、缓动动画（比如线性、非线性）和表单验证（比如验证必填、输入长度等）

委托：两个对象参与处理同一请求 ，接受请求的对象将请求委托给另一个对象来处理。打个比方，当我们饭店点餐的时候，会将点好的菜单递给服务员，服务员再将菜单传递给厨师，厨师为我们进行烹饪。

组合：整体与部分、拥有的关系。通过对现有的对象进行拼装（组合）产生新的、更复杂的功能。因为在对象之间，各自的内部细节是不可见的，所以我们也说这种方式的代码复用是黑盒式代码复用。打个比方，当我们要做一个web端系统的时候，需要ued设计页面，前端实现页面布局、样式和交互，后端实现数据库和业务逻辑，测试进行测试，运维将页面部署上去，最终，整个页面完成了。

策略模式优点：

• 利用了组合、委托和多态避免了多重条件选择
• 算法封装在了strategy，易于维护、扩展、理解、切换和复用
• 组合和委托让Context有了执行算法的能力， 这也是继承的一种轻便的替换方案

策略模式缺点：

• 可能有多个策略类或者策略对象要维护
• 需要了解所有的策略以及它们之间的不同，将策略的所有实现都暴露在客户眼中

例子1： 根据绩效等级，S级年终奖为工资四倍，A级年终奖为工资三倍，B级年终奖为工资两倍

var strategies:any = {
  'S': (salary:number) => {
    return salary * 4
  },
  'A': (salary:number) => {
    return salary * 3
  },
  'B': (salary:number) => {
    return salary * 2
  }
}

var caculateBonus:Function = function (level:string,salary:number) {
  return strategies[level](salary)
}

console.log('策略模式计算结果S',caculateBonus('S',3000))
console.log('策略模式计算结果A',caculateBonus('A',3000))
console.log('策略模式计算结果B',caculateBonus('B',3000))

例子2：表单验证

// 表单验证的策略对象，包括非空判断、最小长度和是否是手机号
var strategy:any = {
  'NoEmpty':(value:string, errorMsg:string)=>{
    if(value === '')
      return errorMsg
  },
  'minLength': (value:string, length:number, errorMsg:string)=>{
    if(value.length < length) {
      return errorMsg
    }
  },
  'isMobile': (value:string, errorMsg:string)=> {
    if (!/(^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\\d{8}$)/.test(value)) {
      return errorMsg
    }
  }
}
// 环境类，接受请求，将请求封装成策略类需要的格式，并将请求传递给策略类
class Validator {
  cache:any
  constructor() {
    this.cache = []
  }
  add(dom:any, rules:any) {
    var self = this
    for(var i = 0,rule; rule = rules[i++]; ) {
      (function (rule) {
        var arr = rule.strategy.split(':')
        var errorMsg = rule.errorMsg

        self.cache.push(function () {
          var strate = arr.shift()
          arr.unshift(dom.value)
          arr.push(errorMsg)
          return strategy[strate].apply(dom,arr)
        })
      })(rule)
    }
  }
  start(){
    for(var i = 0, validatorFunc; validatorFunc = this.cache[i++];) {
      var errorMsg:string = validatorFunc()
      if(errorMsg) {
        return errorMsg
      }
    }
  }
}


//客户端调用
var validator = new Validator()

validator.add({value:'111'},[
  {
    strategy: 'NoEmpty',
    errorMsg: '用户名不能为空！'
  },
  {
    strategy: 'minLength:8',
    errorMsg: '用户名不能少于八位！'
  }
])

var errorMsg = validator.start()