JS设计模式——外观模式

来源:互联网 发布:宅女轩轩淘宝 编辑:程序博客网 时间:2024/05/22 15:09
模式作用:
1,在设计初期,应该要有意识地将不同的两个层分离,比如经典的三层结构
2,在开发阶段,子系统往往因为不断的重构演化而变得越来越复杂,增加外观F可以提供一个简单的接口,减少他们之间的依赖
3,在维护一个遗留的大型系统时,为系统开发一个外观Facade类,为设计粗糙和高度复杂的遗留代码提供比较清晰的接口,让新系统和Facade对象交互
注意事项:
1,外观模式被开发者连续使用时会产生一定的性能问题,因为在每次调用时都要检测功能的可用性
Facade.js
var fuhao={};fuhao.huofang=function(){return '馒头';}fuhao.chuliliangshi=function(){return '面粉';}fuhao.mantou=function () {this.chuliliangshi();this.huofang();}//人们想拿到馒头,第一个需要做的就是让系统产生馒头fuhao.men={return this.mantou();}

stop.js

    var stopEvent=function(e){        //同时阻止事件默认行为和冒泡        e.stopPropagation();        e.preventDefault();    }    //stopEvent 本身就是生产门面    $('#a').click(function(e){        stopEvent(e);     }    


0 0
原创粉丝点击