漫画:设计模式之 “外观模式”

漫画:设计模式之 “外观模式”_第1张图片

漫画:设计模式之 “外观模式”_第2张图片

—————  第二天  —————

漫画:设计模式之 “外观模式”_第3张图片

漫画:设计模式之 “外观模式”_第4张图片

漫画:设计模式之 “外观模式”_第5张图片

漫画:设计模式之 “外观模式”_第6张图片

漫画:设计模式之 “外观模式”_第7张图片

漫画:设计模式之 “外观模式”_第8张图片

漫画:设计模式之 “外观模式”_第9张图片

————————————

漫画:设计模式之 “外观模式”_第10张图片

漫画:设计模式之 “外观模式”_第11张图片

漫画:设计模式之 “外观模式”_第12张图片

漫画:设计模式之 “外观模式”_第13张图片

漫画:设计模式之 “外观模式”_第14张图片

漫画:设计模式之 “外观模式”_第15张图片

漫画:设计模式之 “外观模式”_第16张图片

漫画:设计模式之 “外观模式”_第17张图片

首先,肯德基提供了众多基础菜品,比如鸡翅、汉堡、薯条、沙拉、可乐等等:

漫画:设计模式之 “外观模式”_第18张图片

这些琳琅满目的菜品虽好,但有些顾客犯了选择困难症,不知道该选什么好。

于是肯德基对这些菜品做了一定的组合,推出了各种各样的套餐。比如A套餐,包括汉堡/薯条/可乐;B套餐,包括汉堡/鸡翅/沙拉/可乐:

漫画:设计模式之 “外观模式”_第19张图片

套餐不但搭配合理,而且价钱相对便宜,顾客可以更方便地做出选择,餐厅的销量也得到了提升。

漫画:设计模式之 “外观模式”_第20张图片

漫画:设计模式之 “外观模式”_第21张图片

餐厅为顾客提供餐饮服务,和团队协作开发项目又有哪些相似之处呢?

假设小灰在维护一个底层模块的代码,该模块提供了5个基础功能,这些功能对外封装成了5个接口:

漫画:设计模式之 “外观模式”_第22张图片

某一天,团队里的程序媛小红跑过来和小灰对接:

漫画:设计模式之 “外观模式”_第23张图片

漫画:设计模式之 “外观模式”_第24张图片

漫画:设计模式之 “外观模式”_第25张图片

过了几天,小红又跑过来和小灰对接:

漫画:设计模式之 “外观模式”_第26张图片

漫画:设计模式之 “外观模式”_第27张图片

漫画:设计模式之 “外观模式”_第28张图片

漫画:设计模式之 “外观模式”_第29张图片

漫画:设计模式之 “外观模式”_第30张图片

漫画:设计模式之 “外观模式”_第31张图片

小灰的想法如下:

漫画:设计模式之 “外观模式”_第32张图片

漫画:设计模式之 “外观模式”_第33张图片

漫画:设计模式之 “外观模式”_第34张图片

漫画:设计模式之 “外观模式”_第35张图片

漫画:设计模式之 “外观模式”_第36张图片

漫画:设计模式之 “外观模式”_第37张图片

漫画:设计模式之 “外观模式”_第38张图片

这里所谓的“套餐”,就是底层细粒度接口的不同组合。在保留底层接口不变的前提下,中间层为调用方提供了便利。

这正是外观模式(Facade Pattern)的设计思想:

To make a complex subsystem easier to use, a simple interface should be provided for a set of interfaces in the subsystem.

为了使复杂的子系统更容易被使用,应当为子系统的众多接口提供一个简洁的高层接口。

漫画:设计模式之 “外观模式”_第39张图片

漫画:设计模式之 “外观模式”_第40张图片

漫画:设计模式之 “外观模式”_第41张图片

上图中,几个SubSystem类对应着我们刚才所说的底层基础功能,而Facade类对应着中间层,为调用方提供“套餐”服务。

漫画:设计模式之 “外观模式”_第42张图片

漫画:设计模式之 “外观模式”_第43张图片

public class SubSystemA {
    public void methodA(){
        System.out.println("执行方法A");
    }
}

漫画:设计模式之 “外观模式”_第44张图片

public class Facade {

    public void comboMethodA(){
        SubSystemA subSystemA = new SubSystemA();
        SubSystemB subSystemB = new SubSystemB();
        SubSystemD subSystemD = new SubSystemD();
        subSystemA.methodA();
        subSystemB.methodB();
        subSystemD.methodD();
    }

    public void comboMethodB(){
        SubSystemE subSystemE = new SubSystemE();
        SubSystemD subSystemD = new SubSystemD();
        SubSystemB subSystemB = new SubSystemB();
        subSystemE.methodE();
        subSystemD.methodD();
        subSystemB.methodB();
    }
}

漫画:设计模式之 “外观模式”_第45张图片

public class Client {
    public static void main(String[] args) {
        Facade facade = new Facade();
        //通过外观模式,调用组合接口A
        facade.comboMethodA();
        //通过外观模式,调用组合接口B
        facade.comboMethodB();
    }
}

漫画:设计模式之 “外观模式”_第46张图片

漫画:设计模式之 “外观模式”_第47张图片

漫画:设计模式之 “外观模式”_第48张图片

漫画:设计模式之 “外观模式”_第49张图片

漫画:设计模式之 “外观模式”_第50张图片

—————END—————

喜欢本文的朋友,欢迎关注公众号 程序员小灰,收看更多精彩内容

点个[在看],是对小灰最大的支持!

你可能感兴趣的:(设计模式,编程语言,接口,css,微软)