外观模式-前端设计模式

理解这个名字

外观模式， 又称为门面模式
比如说有一盘西瓜 一盘樱桃， 他们的分开来卖的话，不是很好， 如果他们放在一个盘子里装饰一下
是不是有一个很好的外观。

官方一点的话

外观模式为子系统中的一组接口提供了一个高层接口
使用者使用这个高层接口
这个高层接口相当于 下面的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())