如何用UML类图表示Javascript对象创建？

Question

我在为我的JavaScript APP绘制准确的UML类图时遇到了一些麻烦.我已经阅读了几个UML参考资源,但仍然找不到我的情况的答案,因为所有的例子都是基于C++/Java的经典继承和类模型.

我想用一个构造函数和它的原型对象的扩展来表示自定义JavaScript对象的创建,这与C++/Java类实例化完全不同.

您如何使用UML类图表示我的代码的简化版本？

var Book = function(title, author) {
    this.title = title || 'No title specified';
    this.author = author || 'No author specified';
}

Book.prototype.isDigital = false;

Book.prototype.titleDisplay = function() {
    alert(this.title);
};

var theHobbit = new Book ("The Hobbit", "J.R.R. Tolkien");

注意:我特别希望在图中显示所有涉及的对象(Book,Book.prototype和theHobbit)是如何相互关联的,并显示原型中定义的参数与构造函数中定义的参数.我知道我可以假装Book是一个"经典"类,并像Java一样绘制它,简化了特定的JavaScript继承机制,但我确信UML足够灵活,可以准确描述我的情况.

可能有一个特别针对JavaScript项目的UML指南吗？

Answer 1

• 让我们将主程序显示为 A 类。
• 请保持班级以大字母开头，会员以小字母开头。或者说它很难读。
• 很多事情很难说，不知道自己的意思。这是图表的存根：

请阅读：https ://stackoverflow.com/a/21551335/715269