javascript - UML:JavaScript 代码的序列图

标签 javascript jquery uml

我用 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/

相关文章:

javascript - 如何使用javascript从url字符串中提取url文件扩展名

jquery - 我怎样才能让这个 Accordion 中的元素在第二次点击它们后切换和隐藏内容?

javascript - 如何检查两个不同类别的所有复选框

jquery - 取消绑定(bind) Accordion 键盘事件

c# - 如何在 UML 中表示 C# 属性?

java - UML 类图和泛型

javascript - 将 PHP echo 结果传递给 javascript 函数并显示在 View 中?

javascript - 向javascript中的方法添加方法

javascript - 将对象绑定(bind)到 Promise.then() 参数的正确方法

c# - Visual Studio 扩展 - 继承类图