经过之前的实践，将多例改成单例，这里也去除掉了右上角的关闭按钮，为了增加其扩展和灵活性，这里采用了事件注入（钩子）的方式进行回调处理。

对于这次重构后，得到以下改进：

1、将多例改成单例，降低了对实例的维护，并且更方便的对实例进行管理；

2、事件机制的改成，减少事件绑定和维护；

3、将HTML结构解耦，JS代码不需要关心页面结构的维护；但是会带来页面上的维护工作；

思考：

还有没有其它更灵活和简洁一点的方式呢？

代码三：

上面是最近的一个演进版本，这个是一个公共的逻辑弹层（表单操作等），这里较上一次去调了事件钩子，直接采用callback传递的方式，并采用链式的方式进行处理，页面上调用更加简单。

调用示例：

较之前相比：

1、不需要先去set对应的事件钩子；

2、方法分离，各司其职。如：show/hide 只负责其可见性，其它的由对应的方法处理，使接口方法的职责更清晰；

3、页面结构回归到了JS代码，考虑多产品的应用场景，减少页面结构的维护

OK，抛砖结束。

最后一句话，代码优化无止境，只有更多的思考、重构。让自己的代码更具可用性、灵活性。也为团队降低学习成本。