js设计模式知识点代码记录

76 阅读1分钟
const Status=state=>{
  if(state=='s1'){
    return ..
  } if(state==='s2'){
    return ...
  }
}

//以下的代码为了解决如上代码所存在重复的问题,可以使用在hooks方式如下解决
var Status=function (){
  var s1={
    //状态不好
    s0(){
      return 's0'
    },
    s1(){
      return 's1'
    }

  }
  const update=data=>{
    //新增/修改逻辑
    return this
  }
  const del=()=>{
    //删除
    return this
  }
  //显示
  const show=result=>{

    return s1['s'+result]&&s1['s'+result]()
  }
  //其他的逻辑
  ...
  return {
update,
  del,
  show
    ....
  }


}()
//调用模块 
Status.show(index).del().update()