状态模式 一个对象有状态变化 每次状态变化都会触发一个逻辑 不能总是用 if...else 来控制 示例 交通灯信号灯的不同状态 UML Sta...

迭代器模式 顺序访问一个集合 使用者无需知道集合的内部结构 示例 没有合适的例子, 使用jQuery 演示 UML 场景 jQuery each...

观察者模式 发布 & 订阅 一对多 示例 点咖啡, 点好就坐着等 UML 类图 dlUML.png 代码 场景 网页事件绑定 Promise j...

外观模式 为子系统中的一组接口提供了一个高层接口 使用者使用这个高层接口 示例 去医院看病, 接待员去挂号, 门诊, 划价, 取药 UML 场景...

装饰器模式 为对象添加新功能 不改变其原有的结构和功能 示例 场景 ES7 装饰器 安装 babel 插件 npm i -D babel-plu...

适配器模式 旧接口格式和使用者不兼容 中间加一个适配转换接口 场景 封装旧接口 Vue 的 computed 设计原则验证 将旧接口与使用者进行...

单例模式 系统中被唯一使用的 一个类只有一个实例 实例 登录框 购物车 说明 单例模式需要用到 java 的特性(private) ES6 中没...