为什么要学习设计模式？解耦合、解决复用、提高观察高度场景：点击页面一个按钮，弹出遮罩层。遇到这个问题，首先我们想到用一个方法创建一个div，然后append到body上，实现点击事件，代码如下：虽然功能实现了，但是这种方法有一个大问题：反复创建Dom！所以我们需要对它进行改造，改造完成之后，代码如下：虽然避免了上面方法重复创建dom的缺点，但是这么实现还是有很大的弊端：1、暴露全局变量tipEl，尤其是在做组件化开发的时候要尽可能不要暴露全局变量，否则容易引起全局变量污染和冲突；2、创建完成之后

为什么要学习设计模式？解耦合、解决复用、提高观察高度场景：点击页面一个按钮，弹出遮罩层。遇到这个问题，首先我们想到用一个方法创建一个div，然后append到body上，实现点击事件，代码如下：虽然功能实现了，但是这种方法有一个大问题：反复创建Dom！所以我们需要对它进行改造，改造完成之后，代码如下：虽然避免了上面方法重复创建dom的缺点，但是这么实现还是有很大的弊端：1、暴露全局变量tipEl，尤其是在做组件化开发的时候要尽可能不要暴露全局变量，否则容易引起全局变量污染和冲突；2、创建完成之后