我用 javascript 编写了一些关于 Canvas 对象的代码,并使用了 Javascript/jQuery。现在我想画一个序列图,但我不知道从哪里开始或做什么。例如。图中有对象:类,但我不知道我应该使用什么对象?!
最佳答案
这是一个微妙的问题:这完全取决于您想要建模的内容。 JavaScript 和 UML 是普通的伴侣,因为 Javascript 不像传统的面向语言,因为它是 prototype-based 。这种编程技术更适合动态语言,因为它更关注对象而不是类。类是一种结构,更适合静态编程语言。在纯粹的结构图中,例如 class diagram ,Javascript 程序的建模非常具有挑战性。
但是,sequence diagram主要是具有一些结构特征的行为。但正确识别对象创建可能非常具有挑战性,因为有多种方法可以做到这一点。 Javascript 对象的质量并不相同。大多数对象只包含值:这些对象对序列图没什么兴趣,因为它们的交互仅限于读/写操作。
时间线:对象识别
如果您想创建一个序列图,我想您有相当丰富的对象和方法。在这种情况下,创建语法更容易识别。有多个文档详细介绍了 Javascript 对象创建的基础知识。 Here可以帮助您(如果您已经是 Javascript 专家,那么抱歉)。
消息:方法调用
创建的每个对象都应该有自己的时间线。每个方法调用都是一条发送到对象时间线的消息。微妙之处在于识别进行调用的其他对象(以及原始消息时间线)。
最后,选择图表的范围是重要的一步。根据程序的复杂性和您希望关注的内容,表示 Canvas 操作中涉及的所有 Javascript 对象可能并不相关。
关于javascript - UML:JavaScript 代码的序列图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27960937/