理解这个名字
外观模式, 又称为门面模式
比如说有一盘西瓜 一盘樱桃, 他们的分开来卖的话,不是很好, 如果他们放在一个盘子里装饰一下
是不是有一个很好的外观。
官方一点的话
外观模式为子系统中的一组接口提供了一个高层接口
使用者使用这个高层接口
这个高层接口相当于 下面的getInfo 函数
外观模式的设计原则验证
- 不符合单一职责原则和开放封闭原则,使用时,需谨慎,不可以滥用
function getName() {
return 'zs'
}
function getAge() {
return 18
}
let getInfo = function (a, b) {
let info = a() + b()
return info
}
console.log(getInfo(getName, getAge));
在写代码中大家都会使用一个外观模式
我写了一个class来实现这个
var stopEvent = function( e ){ //同时阻止事件默认行为和冒泡
e.stopPropagation();
e.preventDefault();
}
class E {
stopPropagation() {
console.log('阻止冒泡事件');
}
preventDefault() {
console.log('阻止默认行为');
}
}
var stopEvent = function (e) { //同时阻止事件默认行为和冒泡
e.stopPropagation();
e.preventDefault();
}
stopEvent(new E())