JavaScript-外观模式
外观模式
为子系统的一组接口提供了提个高层接口
使用者使用这个高层接口
![](http://pic.ikafan.com/imgp/L3Byb3h5L2h0dHBzL2ltYWdlMTA5LjM2MGRvYy5jbi9Eb3dubG9hZEltZy8yMDIxLzA3LzI0MjAvMjI2OTA1Mjc5XzFfMjAyMTA3MjQwODIyMDU2OTIucG5n.jpg)
示例:去医院看病,接待员区挂号,门诊,划价,取药
UML类图
![](http://pic.ikafan.com/imgp/L3Byb3h5L2h0dHBzL2ltYWdlMTA5LjM2MGRvYy5jbi9Eb3dubG9hZEltZy8yMDIxLzA3LzI0MjAvMjI2OTA1Mjc5XzJfMjAyMTA3MjQwODIyMDY2NjEucG5n.jpg)
场景
function bindEvent(elem, type, selector, fn) {
if(fn == null) {
fn = selector
selector = null
}
// *********
}
// *调用
bindEvent(elem, 'click', '#div1', fn)
bindEvent(elem, 'click', fn)
设计原则验证
- 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可滥用
赞 (0)