es6 语法学习 - 桥接模式

es6 语法学习 - 桥接模式

一、基本概念

桥接设计模式（Bridge Pattern）是一种结构型设计模式，它通过将抽象部分和实现部分分离，从而使它们可以独立地变化。桥接模式通常用于减少类的数量和复杂性，同时允许在运行时选择实现的不同部分。

二、 优点

• 抽象与实现分离：将抽象部分和实现部分分离，使得它们可以独立地扩展和变化，而不会相互影响。
• 降低耦合度：通过组合关系代替继承关系，使得系统更加易于维护和扩展。
• 支持多维度变化：当一个类存在两个或多个独立变化的维度时，桥接模式可以很好地支持这些维度的独立扩展和组合。

三、缺点

• 增加系统复杂性：桥接模式引入了抽象层、实现层和桥接类等多个层次，增加了系统的复杂性。
• 设计难度增加：由于桥接模式要求开发者针对抽象化进行设计与编程，正确地识别出系统中两个独立变化的维度并设计相应的抽象层和实现层，这需要较高的设计能力和经验。

四、使用场景

• 当需要在多个不同的实现与抽象之间进行组合时。
• 当需要在不改变现有代码的情况下，增加新的实现或抽象时。
• 当一个类的接口与实现之间有复杂的依赖关系时。

五、示例代码

// 实现部分的接口
class Color {
  applyColor() {
    throw new Error('This method should be overridden.');
  }
}

class Red extends Color {
  applyColor() {
    return 'Red';
  }
}

class Green extends Color {
  applyColor() {
    return 'Green';
  }
}

// 抽象部分的接口
class Shape {
  constructor(color) {
    this.color = color;
  }

  draw() {
    throw new Error('This method should be overridden.');
  }
}

class Circle extends Shape {
  draw() {
    return `Drawing a Circle in ${this.color.applyColor()}`;
  }
}

class Square extends Shape {
  draw() {
    return `Drawing a Square in ${this.color.applyColor()}`;
  }
}

// 客户端代码
const redCircle = new Circle(new Red());
console.log(redCircle.draw()); // 输出: Drawing a Circle in Red
const greenSquare = new Square(new Green());
console.log(greenSquare.draw()); // 输出: Drawing a Square in Green

在上述代码中，我们有一个 Shape 抽象类和一个 Color 实现类。Circle 和 Rectangle 分别是 Shape 的两个实现，而 Color 则负责处理颜色的细节。通过桥接模式，我们可以方便地添加新的形状或颜色，而无需修改现有结构。