JavaScript 中的有限状态机，第 3 部分: 测试小部件

核心提示： 图 6. Windows Task Manager 显示部件动画活动因为这个部件的动画对处理器的需求很低，所以可以认为它即使在负载很重的处理器上也能够顺畅不要忘记更新设计文档既然已经对实现进行了测试，JavaScript 中的有限状态机，第 3 部分: 测试小部件(10)，就需要更新文档来

图 6. Windows Task Manager 显示部件动画活动

因为这个部件的动画对处理器的需求很低，所以可以认为它即使在负载很重的处理器上也能够顺畅

不要忘记更新设计文档

既然已经对实现进行了测试，就需要更新文档来反映设计和实现的变化。遇到的意外事件对应于状态表中的空单元格，所以需要更新这些单元格（以蓝色突出显示），添加上处理这些情况的操作，如图 7 所示。

图 7. 测试后的 FadingTooltip 部件状态表

如图 8 所示，对状态图进行相应的修改也同样简单。

图 8. 测试后的 FadingTooltip 部件状态图

createTooltip 和 fadeTooltip 方法中插入的代码行处理 Internet Explorer 对待不透明度的特殊方式，这些代码实际上不算是设计修改。可以在源代码注释中记录这些修改（参见 下载）。

进一步开发

本系列的目的是演示如何将有限状态机设计模式应用于基于浏览器的应用程序，以及如何利用 JavaScript 语言的两个独特特性开发优雅高效的程序。因此，将 FadingTooltip 部件开发成一个自包含的 JavaScript 对象。代码很简洁，但是不太灵活。在结束讨论之前，我想谈谈进一步开发的一些可能的方向。