学了一学,设计模式-桥接模式

·  阅读 96
学了一学,设计模式-桥接模式

引言

设计模式,即Design Patterns,是指在软件设计中,被反复使用的一种代码设计经验。使用设计模式的目的是为了可重用代码,提高代码的可扩展性和可维护性。

电脑是由硬件设备和软件系统组成,为了提升电脑的性能,用户经常会更换电脑硬件或者重装系统,而不是选择置换一台新的电脑(创建新类)。所以这就要求电脑和硬件设备、操作系统分离,可以独立变化,这种替换符合桥接模式的特点。

定义

结构型模式

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

桥接模式是对类的扩展性设计,它是用组合关系替代继承,从而降低了抽象和实现的耦合度。

模式结构

1. 抽象化角色(Abstraction)

定义抽象类,包含一个对实现化对象的引用,表明期望什么样的接口(功能)

2. 扩展抽象化角色(Refined Abstraction)

抽象化的实现,通过组合关系调用实现化角色中的业务方法

3. 实现化角色(Implementor)

定义实现类,包含抽象化需要的业务方法

4. 扩展实现化角色(Concrete Implementor)

实现化的实现,给出业务方法的具体实现

在前端开发中,没有创建接口的习惯。所以,不会去创建 抽象化角色实现化角色,而只创建 扩展抽象化角色扩展实现化角色

图示:

bridge-pattern.png

说明:通过桥接模式,可以搭配出不同功能的模块来。

特点

优点

  1. 桥接模式符合开闭原则
  2. 桥接模式符合合成复用原则
  3. 桥接模式分离抽象与实现,更利于扩展

缺点

  1. 桥接模式是高阶设计,有一定的难度,依赖开发人员的技术水平。

实现

扩展抽象化角色

class Abstraction {
    implementor;
    constructor(implementor) {
        this.implementor = implementor;
    }
    do() {
        this.implementor.doSomething();
    }
}
复制代码

扩展实现化角色

class Implementor1 {
    doSomething() {
        console.log('这是Implementor1');
    }
}

class Implementor2 {
    doSomething() {
        console.log('这是Implementor2');
    }
}
复制代码

使用

const implementor1 = new Implementor1();
const implementor2 = new Implementor2();
const abstraction1 = new Abstraction(implementor1);
const abstraction2 = new Abstraction(implementor2);

abstraction1.do();
abstraction2.do();
复制代码

自由搭配,可以组成具备不同功能的模块。如果想要 扩展 功能,既可以选择开发新的 抽象化角色,也可以选择开发新的 实现化角色。例如:电脑和操作系统,系统不变,重新设计电脑硬件,就会出现不同的品牌;电脑不变,更换系统,会带来不同的使用体验。

举例

桥接模式模拟电脑和操作系统

分析:电脑(Computer)是抽象化角色,操作系统(System)是实现化角色。我们可以通过桥接模式来分离电脑和操作系统,

电脑

class Computer {
    system;
    constructor(system) {
        this.system = system;
    }
    launch() {
        this.system.launch();
    }
}
复制代码

系统

class WindowsSystem {
    launch() {
        console.log('windows 启动');
    }
}
复制代码
class LinuxSystem {
    launch() {
        console.log('linux 启动');
    }
}
复制代码

使用

const windows = new WindowsSystem();
const linux = new LinuxSystem();

const windowComputer = new Computer(windows);
const linuxComputer = new Computer(linux);

windowComputer.launch(); // windows电脑启动
linuxComputer.launch(); // linux电脑启动
复制代码

应用场景

桥接模式应用的场景很普遍,凡事大大小小的系统,为了扩展性,都能看到桥接模式的影子。

这里就不一一列举了,凡是系统出现多维度的变化,都可以使用桥接模式来设计和开发。

分类:
前端