UML:JavaScript代码的序列图

时间:2015-01-15 10:02:28

标签: javascript jquery uml

我在javascript中写了一些关于canvas对象的代码并使用了Javascript / jQuery。现在我想绘制一个序列图,但我不知道从哪里开始或做什么。例如。有对象:图中的类,但我不知道我将使用哪些对象?!

1 个答案:

答案 0 :(得分:1)

这是一个微妙的问题:这一切都取决于你想要建模的东西。 JavaScript和UML是普通的伴侣,因为Javascript不像传统的导向语言,因为它是prototype-based。这种编程技术更适合动态语言,因为它更多地关注对象而不是类。类是一种结构,更适合静态编程语言。在诸如class diagram之类的纯结构图中,Javascript程序对于建模非常具有挑战性。

然而,sequence diagram主要是具有一些结构特征的行为。但正确识别对象创建可能非常具有挑战性,因为有多种方法可以做到这一点。 Javascript对象的质量不相等。大多数对象只包含值:这些对序列图几乎没有兴趣,因为它们的交互仅限于读/写操作。

时间轴:对象识别

如果你想创建一个序列图,我猜你有很多方法的对象。在这种情况下,创建语法更容易识别。可以使用详细介绍Javascript对象创建基础的多个文档。 Here可以帮助您(抱歉,如果您已经是Javascript专家)。

消息:方法调用

创建的每个对象都应该有自己的时间轴。每个方法调用都是一个发送到对象时间轴的消息。细微之处在于识别进行调用的另一个对象(以及原始消息时间轴)。

最后,选择图表的范围是重要的一步。根据程序的复杂程度和您希望关注的内容,表示画布操作中涉及的所有Javascript对象可能不相关。