js外观模式的介绍

说明

1、为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统接口的访问更容易，不符合单一职责原则和开放封闭原则。

2、外观模式的优势是易于使用，而且本身也比较轻量级。但也有缺点 外观模式被开发者连续使用时会产生一定的性能问题，因为在每次调用时都要检测功能的可用性。

应用场景

JS事件不同浏览器兼容处理、同一方法可以传入不同参数兼容处理等。

实例

classA{
eat(){}
}
classB{
eat(){}
}
classC{
eat(){
consta=newA();
constb=newB();
a.eat();
b.eat();
}
}
//跨浏览器事件侦听器
functionaddEvent(el,type,fn){
if(window.addEventListener){
el.addEventListener(type,fn,false);
}elseif(window.attachEvent){
el.attachEvent('on'+type,fn);
}else{
el['on'+type]=fn;
}
}