桥接模式（Bridge模式）

在现实生活中，某些类具有两个或多个维度的变化，如图形既可按形状分，又可按颜色分。如何设计类似于 Photoshop 这样的软件，能画不同形状和不同颜色的图形呢？如果用继承方式，m 种形状和 n 种颜色的图形就有 m×n 种，不但对应的子类很多，而且扩展困难。
当然，这样的例子还有很多，如不同颜色和字体的文字、不同品牌和功率的汽车、不同性别和职业的男女、支持不同平台和不同文件格式的媒体播放器等。如果用桥接模式就能很好地解决这些问题。

桥接模式的定义与特点

桥接（Bridge）模式的定义如下：将抽象与实现分离，使它们可以独立变化。它是用组合关系代替继承关系来实现，从而降低了抽象和实现这两个可变维度的耦合度。
通过上面的讲解，我们能很好的感觉到桥接模式遵循了里氏替换原则和依赖倒置原则，最终实现了开闭原则，对修改关闭，对扩展开放。这里将桥接模式的优缺点总结如下。
桥接（Bridge）模式的优点是：

• 抽象与实现分离，扩展能力强
• 符合开闭原则
• 符合合成复用原则
• 其实现细节对客户透明

缺点是：由于聚合关系建立在抽象层，要求开发者针对抽象化进行设计与编程，能正确地识别出系统中两个独立变化的维度，这增加了系统的理解与设计难度。

JS 如何实现*桥接模式？

比如鸟和狗，他们有共同的特性，比如都会说话speak，和跑run，鸟会飞fly。

上面这些行为可以理解为抽象的一些功能。实现部分是我们通过这些行为组装成鸟和狗

class Speak {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(this.name + " speaking")
  }
}


class Run {
  constructor(name) {
    this.name = name;
  }
  run() {
    console.log(this.name + " running")
  }
}

class Fly {
  constructor(name) {
    this.name = name;
  }
  fly() {
    console.log(this.name + " fly")
  }
}

class Animal {
  constructor(name) {
    this.name = name
  }
}

class Dog extends Animal {
  constructor(name) {
    super(name)
  }
  speak() {
    const action = new Speak(this.name)
    action.speak()
  }

  run() {
    const action = new Run(this.name)
    action.run()
  }

}

class Bird extends Animal {
  constructor(name) {
    super(name)
  }

  speak() {
    const action = new Speak(this.name)
    action.speak()
  }

  run() {
    const action = new Run(this.name)
    action.run()
  }

  fly() {
    const action = new Fly(this.name)
    action.fly()
  }
}

const bird = new Bird("小黄鹂")
bird.speak()

const dog = new Dog("大黄")
dog.run();

链接: https://fly63.com/course/27_1266