面向对象设计原则

onlylyh1983

已于 2024-09-06 22:32:00 修改

阅读量904

点赞数 11

分类专栏：面向对象编程文章标签： typescript 前端 javascript

于 2024-09-06 20:55:02 首次发布

本文链接：https://blog.csdn.net/u012130088/article/details/141968750

版权

面向对象编程专栏收录该内容

3 篇文章 0 订阅

订阅专栏

面向对象和 UML

面向对象的三大特征

1. 继承

继承主要是抽离公共代码，实现代码复用

2. 封装

封装实现高内聚，低耦合。

3. 多态

多态为了更好的扩展性

UML 类图

在这里插入图片描述

属性表示:

+ name: string

+ 代表 public
# 代表 protected
- 代表 private

name 表示属性
冒号后面是属性类型

方法表示:

+ eat():void

eat 表示方法名
()里面可以写参数名和类型
冒号后面是返回之值类型，如果没有返回值可以不写或者用 void 表示

UML 类图关系

1. 实现

虚线空心箭头表示实现

在这里插入图片描述

interface IPerson {
  name: string;
  age: number;
  eat(): void;
  speak(): void;
}

class People implements IPerson {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  eat() {
    console.log(`${this.name} eat something`);
  }

  speak() {
    console.log(`My name is ${this.name}, age: ${this.age}`);
  }
}

2. 泛化(继承)

实线空心箭头表示泛化也叫继承。

在这里插入图片描述

class Student extends People {
  // 私有属性
  private _sNo: string;

  constructor(name: string, age: number, sNo: string) {
    super(name, age);
    this._sNo = sNo;
  }
  // 开放读取 但是不能修改
  get SNo() {
    return this._sNo;
  }
}

3. 关联

一个类是一个类的属性就是关联。

在这里插入图片描述

// 身份证
class IdentityCard {
  effectiveDate: Date;
  birthday: Date;
  constructor(effectiveDate, birthday) {
    this.effectiveDate = effectiveDate;
    this.birthday = birthday;
  }
}

class People implements IPerson {
  name: string;
  age: number;
  _identityCard: IdentityCard;

  constructor(name: string, age: number, identityCard: IdentityCard) {
    this.name = name;
    this.age = age;
    this._identityCard = identityCard;
  }
  eat() {
    console.log(`${this.name} eat something`);
  }

  speak() {
    console.log(`My name is ${this.name}, age: ${this.age}`);
  }

  get identityCard() {
    return this._identityCard;
  }
}