为事件驱动的JavaScript应用程序设计

在设计应用程序时，我总是看到一些东西，比如UML类图，但是如果您的程序不使用类，这些看起来是无用的。以JavaScript应用程序为例。如果它是纯事件驱动的，您可以监听一个事件，比如“单击”，然后启动一个函数作为响应，您如何设计它

---

我听说流程图是一个很好的选择，但它们并没有提供一种列出所有函数变量的方法。有没有标准的方法来设计典型的事件驱动JavaScript应用程序？

UML是基于OO的建模语言，但符号是抽象的和可扩展的，因此您可以始终使用原型为标准元素提供自己的语义。为了在UML中建模，它们甚至不需要是“真实”的类、对象等

例如，您可以为C程序建模（C不是OO）并为每个.h文件使用一个类。这个“新”类的刻板印象可以是“H”。这为您的模型提供了一个具体的含义

您可以对系统的许多方面进行建模，大致分为结构和行为

JS中的结构： 在JS中，您可以使用类对JS对象及其相关属性和函数进行建模。对象引发的事件可以建模为带有原型“event”的函数

不同的UI元素也可以建模为具有相应原型（按钮、列表、表格、组合等）的类

您可以使用UML依赖关系来建模不同JS对象（或者名称空间，如果您愿意的话）之间的依赖关系

JS中的行为 在这里，您可以使用序列/通信图来指定不同的场景。即使是活动图、状态图等也很方便

我举了一个简单的例子：

这只是一种可能的方法。根据你的具体重点和需要，你可以想出更多的方法

总之，在任何软件开发中，UML都可以帮助您更好地构建代码，可以帮助您强制使用模块，而不是在JS中使用全局空间，可以帮助您在编写代码之前考虑代码。也要记录它。

此→ ← 页面以带有

注释的序列图开始，

原型和

:window

对象，因此在事件和Java脚本的上下文中使用UML肯定是非常正常的

尝试谷歌搜索“javascript-ajax-uml原型”，您会发现一些更有用的提示和示例