JavaScript 的一些常用设计模式(5)

假设我们的绩效分为 A、B、C、D 这四个等级，四个等级的奖励是不一样的，一般我们的代码是这样实现：

/** 
 
* 获取年终奖 
 
* @param {String} performanceType 绩效类型， 
 
* @return {Object} 年终奖，包括奖金和奖品 
 
*/ 
 
function getYearEndBonus(performanceType) { 
 
const yearEndBonus = { 
 
// 奖金 
 
bonus: '', 
 
// 奖品 
 
prize: '', 
 
} 
 
switch (performanceType) { 
 
case 'A': { 
 
yearEndBonus = { 
 
bonus: 50000, 
 
prize: 'mac pro', 
 
} 
 
break 
 
} 
 
case 'B': { 
 
yearEndBonus = { 
 
bonus: 40000, 
 
prize: 'mac air', 
 
} 
 
break 
 
} 
 
case 'C': { 
 
yearEndBonus = { 
 
bonus: 20000, 
 
prize: 'iphone xr', 
 
} 
 
break 
 
} 
 
case 'D': { 
 
yearEndBonus = { 
 
bonus: 5000, 
 
prize: 'ipad mini', 
 
} 
 
break 
 
} 
 
} 
 
return yearEndBonus 
 
} 

使用策略模式可以这样：

/** 
 * 获取年终奖 
 * @param {String} strategyFn 绩效策略函数 
 * @return {Object} 年终奖，包括奖金和奖品 
 */ 
function getYearEndBonus(strategyFn) { 
  if (!strategyFn) { 
    return {} 
  } 
  return strategyFn() 
} 
 
const bonusStrategy = { 
  A() { 
    return { 
      bonus: 50000, 
      prize: 'mac pro', 
    } 
  }, 
  B() { 
    return { 
      bonus: 40000, 
      prize: 'mac air', 
    } 
  }, 
  C() { 
    return { 
      bonus: 20000, 
      prize: 'iphone xr', 
    } 
  }, 
  D() { 
    return { 
      bonus: 10000, 
      prize: 'ipad mini', 
    } 
  }, 
} 
 
const performanceLevel = 'A' 
getYearEndBonus(bonusStrategy[performanceLevel]) 

这里每个函数就是一个策略，修改一个其中一个策略，并不会影响其他的策略，都可以单独使用。当然这只是个简单的范例，只为了说明。

策略模式比较明显的特性就是可以减少 if 语句或者 switch 语句。

职责链模式

顾名思义，责任链模式(Chain of Responsibility Pattern)为请求创建了一个接收者对象的链。这种模式给予请求的类型，对请求的发送者和接收者进行解耦。这种类型的设计模式属于行为型模式。

在这种模式中，通常每个接收者都包含对另一个接收者的引用。如果一个对象不能处理该请求，那么它会把相同的请求传给下一个接收者，依此类推。

（编辑：ASP站长网）