设计模式 ~ 职责链、策略、适配器、MVC、MVVM-Toy模板网

这篇具有很好参考价值的文章主要介绍了设计模式 ~ 职责链、策略、适配器、MVC、MVVM。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

职责链模式

一种行为型设计模式，它允许多个对象按照特定的顺序处理请求，直到其中一个对象能够处理该请求为止
一个流程，需要多个角色处理，通过一个“链”串联起来，各个角色相互分离，互不干扰
如：promise.then、Jquery 的链式

策略模式

如果一项业务有太多的 if else 或 switch case，那么可以将每个分支单独处理，相互隔离

class User {
  constructor(type) {
    this.type = type
  }
  buy() {
    const { type } = this
    if (type === 'ordinary') {
      // ... do something
      console.log('普通用户')
    }
    if (type === 'member') {
      // ... do something
      console.log('会员用户')
    }
    if (type === 'vip') {
      // ... do something
      console.log('vip用户')
    }
  }
}

如果有太多的条件判断，而每个判断下有各自的处理方式，这样使得代码耦合性太高，将不同角色分开进行处理

interface IUser {
  buy: () => void
}

class OrdinaryUser implements IUser {
  buy() {
    console.log('普通用户')
  }
}

class MemberUser implements IUser {
  buy() {
    console.log('会员')
  }
}

class VipUser implements IUser {
  buy() {
    console.log('VIP')
  }
}

const u1 = new OrdinaryUser()
const u2 = new MemberUser()
const u3 = new VipUser()