javascript 绘制uml_JavaScript面向对象之UML类图

UML类图

什么是UML类图

UML(Unified Modeling Language)类图，中文意思为“统一建模语言”，我们之所以要在面向对象中介绍它，是因为，我们在后面的设计模式中，每一种模式，都有它对应的类图，它作为一种概述的表达来反应我们的设计，我们可以不用面对代码，只面对这样的类图，来进行前期的设计讨论。对于UML，其内容也是非常多，我们只关注其“类图”概念，这样和我们讲的面向对象和将来要将的设计模式关系比较紧密。

画图工具

MS Office visio(微软office套装之一)

如何画类图

我们先来看一个类图

这是我在画图工具上，拖出了一个类，其默认样式，其中，有一些符号这里先做一个简单的介绍

我们最终生成的类图，为三行，第一行为“类名”，第二行为属性，第三行为方法。

其中，“+”表示public，“#”表示protected，“-”表示private

在定义属性好方法的参数的时候，都可以在其后面用“:”定义其数据类型

下面我们将下面这个类用UML类图的形式表现出来

class People {

constructor(name, age) {

this.name = name

this.age = age

}