UML:JavaScript 代码的序列图

UML: Sequence Diagram for JavaScript Code

本文关键字:代码 JavaScript UML      更新时间:2023-09-26

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

这是一个微妙的问题:这完全取决于你想要建模的内容。JavaScript和UML是普通的伴侣,因为Javascript不像传统的面向语言,因为它是基于原型的。这种编程技术更适合动态语言,因为它更关注对象而不是类。类是一种结构,更适合静态编程语言。在纯结构图(如类图)中,Javascript程序的建模将非常具有挑战性。

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

时间轴:对象识别

如果你想创建一个序列图,我想你有相当丰富的方法对象。在这种情况下,创建语法更容易识别。提供了多个详细介绍 Javascript 对象创建基础知识的文档。这里有一个可以帮助你(对不起,如果你已经是Javascript专家)。

消息:方法调用

创建的每个对象都应有自己的时间线。每个方法调用都是发送到对象时间线的消息。微妙的一点是关于识别进行调用的另一个对象(以及原始消息时间线)。

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