桥接模式(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