UML:JavaScript代码的序列图

UML:JavaScript代码的序列图,javascript,jquery,uml,Javascript,Jquery,Uml,我用javascript编写了一些关于画布对象的代码,并使用了javascript/jQuery。现在我想画一个序列图,但我不知道从哪里开始或做什么。例如,图中有object:类,但我不知道应该使用什么对象 这是一个微妙的问题:这完全取决于您希望建模的内容。JavaScript和UML是普通的伙伴,因为JavaScript不像传统的面向对象语言那样。这种编程技术更适合于动态语言,因为它更关注对象而不是类。类是一种结构,更适合于静态编程语言。在纯结构图(如a)中,Javascript程序建模将非常

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

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

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

时间线:对象识别

如果你想创建一个序列图,我想你有非常丰富的对象和方法。在这种情况下,创建语法更容易识别。提供了多个详细介绍Javascript对象创建基础知识的文档。是一个可以帮助您的工具(如果您已经是Javascript专家,那么很抱歉)

消息:方法调用

创建的每个对象都应该有自己的时间线。每个方法调用都是指向对象时间轴的消息。微妙的一点是识别发出调用的另一个对象(以及原始消息时间线)

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