UML类图的辅助构建的逻辑代码

UML

一，介绍

UML - Unified Modeling Language - 统一建模语言，软件工程（不仅是编程）中的任何设计都可以用它来表述，包含：

• 用例图
• 类图
• 对象图
• 顺序图
• 协作图
• 状态图
• 活动图
• 组件图
• 配置图

描述面向对象，重点介绍类图。画图工具有：

• 点击进入到processon网站，进行账号的注册并创建文件；(创建的文件有限制)
  processon新建一个UML的文件，书写的规则如下所示：
  

• office visio

二，实例

实例的代码如下：

class People {
    constructor(name, house) {
        this.name = name
        this.house = house
    }
    saySomething() {
        console.log("I am People");
    }
}

class House {
    constructor(city) {
        this.city = city
    }
    showCity() {
        console.log(`当前的house的city在${this.city}`);
    }
}
class A extends People {
    constructor(name, house) {
        super(name, house)
    }
    saySomething() {
        alert('I am A')
    }
}
class B extends People {
    constructor(name, house) {
        super(name, house)
    }
    saySomething() {
        alert('I am B')
    }
}

// 测试
let aHouse = new House('深圳');
let a = new A("james Bond", aHouse);
console.log('a的房子地址', a.house && a.house.city); // a有房子
const b = new B("wendy");
console.log('b的房子地址', b.house && b.house.city); // b无房子

UML类图如下：

三，将UML应用到工作中

工作中，每次新项目或者新功能开发之前，都建议先画好 UML 图，和同事一起确认评审。理清类之间的关系，接下来就是劳动工作中微调思路；UML类图也可帮助快速的了解当前实现的代码结构；推荐使用！