高级前端必会设计模式之策略模式

前端JavaScript设计模式-策略模式：

策略模式是解决业务过量时产生过多的逻辑判断，最终导致代码的可读性维护性的问题，不同策略分开处理

// 普通if-else判断解决购买用户多会员问题
class User{
  constructor(type) {
    this.type = type
  }
  buy(){
    if(this.type == 'ordinary'){
      console.log("普通用户购买")
    }else if(this.type == 'member'){
      console.log("会员用户购买")
    }else if(this.type == 'VIP'){
      console.log("VIP用户购买")
    }
  }
}

let user1 = new User('ordinary')
user1.buy()
let user2 = new User('member')
user2.buy()
let user3 = new User('VIP')
user3.buy()

// 利用策略模式解决购买用户多会员问题
class OrdinaryUser{
  buy(){
    console.log("普通用户购买")
  }
}
class MemberUser{
  buy(){
    console.log("会员用户购买")
  }
}
class VipUser{
  buy(){
    console.log("VIP用户购买")
  }
}

let user4 = new OrdinaryUser()
user4.buy()
let user5 = new MemberUser()
user5.buy()
let user6 = new VipUser()
user6.buy()