《js 设计模式与开发实践》读书笔记 5
策略模式，俗话说，条条大路通罗马。现实中我们去一个地方，也可以根据多种情况选择路线。在程序中也会有类似的情况，要实现某一个功能有多种方案可以选择。比如压缩算法，可以用 zip 算法，也可以选择 gzip 算法。这些算法灵活多样，而且可以随意互相替换。这种解决方案就是策略模式。策略模式的定义是：定义一系列的算法，把他们一个个封装起来，并且使他们可以相互替换。
很多公司的年终奖是根据员工的工资基数和年底绩效情况来发放的。例如，绩效为 S 的人年终奖有 4 倍工资，绩效为 A 的人年终奖有 3 倍工资，而绩效为 B 的人年终奖是 2 倍工资。假设财务让我们提供一段代码，来方便他们计算员工的年终奖。
var calculateBonus = function (performanceLevel, salary) {
if (performanceLevel === 'S') {
return salary * 4
}
if (performanceLevel === 'A') {
return salary * 3
}
if (performanceLevel === 'B') {
return salary * 2
}
}
calculateBonus('B', 20000)
calculateBonus('S', 6000)
这段代码十分简单，但是存在着显而易见的缺点。calculateBonus 函数比较庞大，包含了很多 if-else 语句，这些语句需要覆盖所有逻辑分支。calculateBonus 缺乏弹性，如果增加新的绩效等级，或者想把绩效 S 的奖金系数改为 5.我们必须深入函数内部修改。算法的复用性差，如果在其他地方需要重用这些计算奖金的算法。我们只能复制和粘贴。
使用组合函数重构代码。一般最容易想到的办法就是将各种算法封装到一个个小函数里面，这些函数有良好的命名，一眼可以看出它对应的哪种算法，它们可以复用在程序的其他地方。
var performanceS = function (salary) {
return salary * 4
}
var performanceA = function (salary) {
return salary * 3
}
var performanceB = function (salary) {
return salary * 2
}
var calculateBonus = function (performanceLevel, salary) {
if (performanceLevel === 'S') {
return performanceS(salary)
}
if (performanceLevel === 'A') {
return performanceA(salary)
}
if (performanceLevel === 'B') {
return performance(salary)
}
}
calculateBonus('A', 10000)
这个改善十分有限，我们依然没有解决最重要的问题：calculateBonus 函数又可能越来越庞大，而且在系统变化的时候缺乏弹性。这个就可以使用策略模式来重构代码。策略模式指的是定义一系列的算法，把它们一个个封起来。将不变的部分和变化的部分隔开是每个设计模式的主题，策略模式也一样，将算法的使用和算法的实现分离开来。一个基于策略模式的程序至少由两部分组成。第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。第二个部分是环境类 Context,Context 接受客户的请求，随后把请求委托给某一个策略类。要做到这点，说明 Context 中要维持对某个策略对象的引用。
var strategies = {
S: function (salary) {
return salary * 4
},
A: function (salary) {
return salary * 3
},
B: function (salary) {
return salary * 2
}
}
var calculateBonus = function (level, salary) {
return strategies[level](salary)
}
console.log(calculateBonus('S', 2000))
通过使用策略模式重构代码，我们消除了原程序中大片的条件分支语句。所有跟计算奖金有关的逻辑不再放在 Context 中，而是分布在各个策略对象中。这其实就是对象多态性的体现，也是它们可以相互替换的目的。替换 Context 中当前保存的策略对象，便能执行不同的算法来得到我们想要的结果。如果让不太了解前端开发的程序员来投票，选出他们认为前端的两大用途，结果应该是动画和验证表单。用 js 实现动画效果的原理跟动画片的制作一样，动画片是把一些差距不大的原画以较快的帧数播放，来达到视觉上的动画效果。在 js 中，可以通过连续改变元素的某个 css 属性，比如 left,top,background-position 来实现动画效果。
策略模式利用组合，委托和多态等技术和思想，可以有效地避免多重条件选择语句。策略模式中的算法可以复用在系统的其他地方，从而避免许多重复的复制粘贴工作。缺点是程序中会增加许多策略类和策略对象，其次，使用策略模式，就必须了解所有的strategy,必须了解各个strategy之间的不同点。这样才能选择一个合适的strategy.
