【JS设计模式3】UML类图

UML类图

UML类图一些相关

UML类图的画图工具

类图

类图模板

拿到一个类,然后画一个"一列三行"的表格;
第一行是写类名
第二行是所有的属性
第三行是所有的方法
+表示public # 表示protected - 表示private
属性:符号之后空格,属性名加冒号,然后写明是什么类型(布尔,数字,字符串等)的。
方法:符号之后也要空格,方法名以及参数,然后是返回值的类型

举个栗子

这个people类

这个类对应的UML图如下:
我是对应的UML图

void表示无返回值,写undefined也行

关系

  • 泛化,表示继承
  • 关联,表示引用

比如这样一个关系

A和B都继承自People,但是People关联了house
实例

对应的UML图

【PS】在people的类图中,house的类型是House构造函数类型,空箭头表示继承,实心箭头表示引用。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 我们在进行项目的时候,通过使用 UML 的面向对象图的方式来更明确、清晰的表达项目中的架设思想、项目结构、执行顺序...
    充满活力的早晨阅读 4,968评论 2 34
  • 【IT 工具 UML图】 产品经理的必备技能之一是画UML图,本文就告诉你怎么画标准的类图吧。本文结合网络资料和个...
    Rtia阅读 1,675评论 0 16
  • 声明:原创作品,转载请注明出处https://www.jianshu.com/p/2828874af134 这篇文...
    蛇发女妖阅读 74,391评论 19 120
  • 1、为什么需要类图?类图的作用 我们做项目的需求分析,最开始往往得到的是一堆文字,请看下面这堆文字: 本项目是在一...
    默默_David阅读 997评论 0 1
  • 领导和领袖,领导是带领团队协助完成任务,领袖是带领团队走向胜利。
    kyle房成阅读 177评论 0 0