js外观模式

外观模式(Facade)为子系统中的一组接口提供了一个一致的界面,此模块定义了一个高层借口,这个接口使得这一子系统更加容易使用。

外观模式不仅简化类中的接口,而且对接口与调用者也进行了解耦。外观模式经常被认为开发者必备,它可以将一些复杂操作封装起来,并创建一个简单的接口用于调用。

var fuhao={

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

作用:

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

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

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

posted @ 2017-03-20 10:13  sungang  阅读(408)  评论(0编辑  收藏  举报