首页 > 编程学习 > 《js 设计模式与开发实践》读书笔记 5

《js 设计模式与开发实践》读书笔记 5

发布时间:2022/9/16 11:11:48

  策略模式,俗话说,条条大路通罗马。现实中我们去一个地方,也可以根据多种情况选择路线。在程序中也会有类似的情况,要实现某一个功能有多种方案可以选择。比如压缩算法,可以用 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.

Copyright © 2010-2022 mfbz.cn 版权所有 |关于我们| 联系方式|豫ICP备15888888号