重构，这个词在前端这块让人想到的更多的是页面制作（HTML/CSS）这块的工作。然后在前端中还有一块更重要的地方 —— 那就是代码的重构；学软件工程的同学应该会比较清楚。

代码重构，简单来讲就是把原来的代码重新构建和编写，让代码更加清晰，提升代码的复用性和性能等。

下面开始抛砖，希望能为在做代码重构和对代码重构有兴趣的同学能带来一些启发和帮助。

实例：Web弹层（Dialog/LayerBox/LogicBox）

代码一：

这里创建一个对话框（多例）的基本代码，这里主要做了以下几件事

1、如果页面上找不到为当前ID的对话框，则创建一个新的；

2、设置对话框标题；

3、设置右上角关闭命令菜单的事件；

4、设置对话框内容；

5、设置对话框操作按钮。

思考：

1、是否真的需要多例形式的组件；

2、是否真的需要在右上角加一个关闭命令菜单；

3、……

代码二：