①结构型设计模式外观模式

Posted 2021-07-16 狼丶宇先生

一、写在前面

外观模式（Facade）：为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统接口的访问更容易。在javascript中有时也会用于对底层结构兼容性做统一封装来简化用户使用。

还记得前两天的设计模式吗？但是今天的这个虽然你可能没听过，但是日常的开发中你肯定用到过了。

本文文末送福利，扫码关注公众号，回复“501”即可参与实物抽奖，抽奖截止2021年5月21日。

关注公众号“笔优站长”可阅读全部文章哟。

二、场景小例子 —— 添加一个点击事件

现在为页面文档document对象绑定了一个click事件来实现隐藏提示框的交互功能，直接用onclick为document绑定的。

不过这有什么问题么? 虽然功能是完成了，只不过……细心的朋友都可以发现这样写的不足之处。

Demo

document.onclick = function (e) {
   
    e