概念

  • 用于把抽象化和实现化解耦
  • 使得二者可以独立变化

应用场景

我现在有一个画图并且将画好的图涂上颜色的需求!

如下图所示:没有将画图和填充颜色分离开,这样就不是桥接模式
JavaScript设计模式之桥接模式

非桥接模式代码实现:
JavaScript设计模式之桥接模式

上面那种做法如果再画新的图并且涂上颜色代码看起来就会很乱,所以下面改为桥接模式,即将画图和涂颜色分离开来。


如下面示例:画图和填充颜色分离开,是桥接模式。
JavaScript设计模式之桥接模式

桥接模式代码实现:
JavaScript设计模式之桥接模式

设计原则验证:

  • 抽象和实现分离,解耦
  • 符合开放封闭原则

相关文章: