js外观模式的介绍
小妮浅浅
2021-06-18 16:47:343153浏览 · 0收藏 · 0评论
说明
1、为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统接口的访问更容易，不符合单一职责原则和开放封闭原则。
2、外观模式的优势是易于使用，而且本身也比较轻量级。但也有缺点 外观模式被开发者连续使用时会产生一定的性能问题，因为在每次调用时都要检测功能的可用性。
应用场景
JS事件不同浏览器兼容处理、同一方法可以传入不同参数兼容处理等。
实例
class A {
eat () {}
}
class B {
eat () {}
}
class C {
eat () {
const a = new A();
const b = new B();
a.eat();
b.eat();
}
}
// 跨浏览器事件侦听器
function addEvent(el, type, fn) {
if (window.addEventListener) {
el.addEventListener(type, fn, false);
} else if (window.attachEvent) {
el.attachEvent('on' + type, fn);
} else {
el['on' + type] = fn;
}
}以上就是js外观模式的介绍，希望对大家有所帮助。更多js学习指路：js教程
关注公众号，随时随地在线学习
分享到微博
微信扫一扫
流芳
124036
