On this page

UML 类图

Unified Modeling Language 统一建模语言
类图，UML 包含很多种图，和本课相关的是类图
关系，主要讲解泛化和关联

画图工具

MS Office visio
https://www.processon.com/

类图

javascript

// 类，即模板
class People {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  eat() {
    alert(`${this.name} eat something `);
  }
  speak() {
    alert(`My name is ${this.namel} age ${this.age}！`);
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13

关系

泛化，表示继承
关联，表示引用

javascript

// 测试
let aHouse = new House('上海');
let a = new A('aaa',aHouse);
let b = new B('bbb');

1
2
3
4