设计模式之结构型桥接模式

在系统沿着多个维度变化的同时，又不增加其复杂度并已达到解耦。

function changeColor(dom, color, bg) {
  // 设置元素的字体颜色
  dom.style.color = color;
  // 设置元素的背景颜色
  dom.style.background = bg;
}
var spans = document.getElementsByTagName('span');
spans[0].onmouseover = function() {
  changeColor(this, 'red', '#ddd');
}

桥接模式最主要的特点是将实现层（如元素绑定事件）与抽象层（如修饰页面UI逻辑）解耦分离，使两部分可以独立变化，桥接模式主要是对结构之间的解耦。