设计模式篇(8) 外观模式

外观模式

外观模式(Facade Pattern)隐藏系统的复杂性,并向客户端提供了一个客户端可以访问系统的接口。这种类型的设计模式属于结构型模式,它向现有的系统添加一个接口,来隐藏系统的复杂性。

这种模式涉及到一个单一的类,该类提供了客户端请求的简化方法和对现有系统类方法的委托调用。

介绍

意图:为子系统中的一组接口提供一个一致的界面,外观模式定义了一个高层接口,这个接口使得这一子系统更加容易使用。

主要解决:降低访问复杂系统的内部子系统时的复杂度,简化客户端之间的接口。

何时使用: 1、客户端不需要知道系统内部的复杂联系,整个系统只需提供一个"接待员"即可。 2、定义系统的入口。

如何解决:客户端不与系统耦合,外观类与系统耦合。

关键代码:在客户端和复杂系统之间再加一层,这一层将调用顺序、依赖关系等处理好。

应用实例: 1、去医院看病,可能要去挂号、门诊、划价、取药,让患者或患者家属觉得很复杂,如果有提供接待人员,只让接待人员来处理,就很方便。 2、JAVA 的三层开发模式。

优点: 1、减少系统相互依赖。 2、提高灵活性。 3、提高了安全性。

缺点:不符合开闭原则,如果要改东西很麻烦,继承重写都不合适。

使用场景: 1、为复杂的模块或子系统提供外界访问的模块。 2、子系统相对独立。 3、预防低水平人员带来的风险。

注意事项:在层次化结构中,可以使用外观模式定义系统中每一层的入口。

实现

1,实现一个简易的计算器

class Sum {
    sum(a:number,b:number) {return a+b;}
}

class Minus {
    minus(a:number,b:number) {return a-b;}
}

class Multiply {
    multiply(a:number,b:number) {return a*b;}
}

class Divide {
    divide(a:number,b:number) {return a/b;}
}

class Calculator {
    sumObj:Sum
    minusObj: Minus
    multiplyObj: Multiply
    divideObj: Divide
    constructor() {
        this.sumObj = new Sum();
        this.minusObj = new Minus();
        this.multiplyObj = new Multiply();
        this.divideObj = new Divide();
    }

    sum(a:number,b:number) {
        return this.sumObj.sum(a,b);
    }

    minus(a:number,b:number) {
        return this.minusObj.minus(a,b);
    }

    multiply(a:number,b:number) {
        return this.multiplyObj.multiply(a,b);
    }

    divide(a:number,b:number) {
        return this.divideObj.divide(a,b);
    }
}

let calculator = new Calculator();
console.log(calculator.divide(4,2));

2,模拟电脑启动

class cpu {
    start() {
        console.log('cpu启动了');
    }
}

class memory {
    start() {
        console.log('memory载入完毕');
    }
}

class harddisk {
    start() {
        console.log('harddisk准备完成');
    }
}

class Computer {
    cpu: cpu
    memory: memory
    harddisk: harddisk
    constructor() {
        this.cpu = new cpu();;
        this.memory = new memory();
        this.harddisk = new harddisk();
    }

    start() {
        this.cpu.start();
        this.memory.start();
        this.harddisk.start();
    }
}

let cmp = new Computer();
cmp.start();
正文到此结束
评论插件初始化中...
Loading...