设计模式 —— 外观模式（2021/5/25)

概念

• 外观模式(Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口使得这一子系统更加容易使用。
• 外观模式不仅简化类中的接口，而且对接口与调用者也进行了解耦。外观模式经常被认为开发者必备，它可以将一些复杂操作封装起来，并创建一个简单的接口用于调用。

拟物化解读

• 一个大户人家发馒头，通过门口发馒头，但是大户人家的馒头工序外界是不知道的，也不需要知道。

模式作用

• 1.在设计初期，应该要有意识地将不同的两个层分离，比如经典的三层结构。
• 2.在开发阶段，子系统往往因为不断的重构演化而变得越来越复杂，增加外观F可以提供一个简单的接口，减少他们之间的依赖。
• 3.在维护一个遗留的大型系统时，为系统开发一个外观Facade类，为设计粗糙和高度复杂的遗留代码提供比较清晰的接口，让新系统和Facade对象交互。

注意事项:

• 1.外观模式被开发者连续使用时会产生一定的性能问题，因为在每次调用时都要检测功能的可用性。

var fuhao = {}
fuhao.huofang = function(){
        return '馒头'
}
fuhao.chuliliangshi = function(){
        return '面粉'
}
fuhao.mantou = function(){
        this.chuliliangshi()
        this.huofang()
}


// 人们想拿到馒头 第一个需要做的就是让系统产生馒头
fuhao.men = function(){
        return this.mantou()
}

fuhao.men()

//实例中的应用：
var stopEvent = function(e){
        // 同事阻止时间默认行为和冒泡
        e.stopPropagation();
        e.preventDefault();
}

// stopEvent 本身就是生产门面
$('#a').click(function(e){
        stopEvent(e)
})