实战-前端设计模式之策略模式

在业务中可能会同一类型需要多重判断，不断累加判断条件

const result = type =>{
  if (type === 1) {
    return "这是类型1"
  } else if(type === 2) {
    return "这是类型2"
  }else if(type === 3) {
    return "这是类型3"
  }
}

如上这种，虽然是看起来条件很多但是属于单条件，我们可以使用策略模式来简单改造，如下所示：

const result = type =>{
  const obj = {
    1:{msg:"这是类型1"}
    2:{msg:"这是类型2"}
    3:{msg:"这是类型3"}
  }
  return obj[type].msg
}