【TypeScript】抽象类的使用 | 类的类型

TypeScript类基本使用的补充

抽象类的使用

我们知道，继承是多态使用的前提。

所以在定义很多通用的调用接口时, 我们通常会让调用者传入父类，通过多态来实现更加灵活的调用方式。

但是，父类本身可能并不需要对某些方法进行具体的实现，所以父类中定义的方法,，我们可以定义为抽象方法。

什么是抽象方法? 在TypeScript中没有具体实现的方法(没有方法体)，就是抽象方法。

抽象类是使用abstract声明的类；

而抽象方法是使用abstract声明的方法，抽象方法必须存在于抽象类中, 抽象方法是没有方法体的；

我们来看下面这样一个例子

如下面代码中, 我们有一个函数makeArea, 用于计算图形的面积, 该函数可以计算圆形, 矩形等图形的面积, 但是在函数中, 到底实现哪一个图形的面积呢? 实现哪一个图形的面积都是不合适的, 因此我们可以传入一个参数, 要求传入的参数都实现了getArea的方法, 我们只需在函数中调用getArea即可

再创建一个父类, 将父类定义为抽象类, 在抽象类中定义一个抽象方法getArea

当我们需要计算哪个图形的面积时, 就可以创建所需要求面积图形的类, 让他继承自父类(抽象类), 并对父类的抽象方法进行实现, 例如下面代码中, 我是分别创建了矩形面积和圆形面积的类, 让他们继承自父类Shape

function makeArea(shape: Shape) {
  return shape.getArea()
}

// 定义抽象父类
abstract class Shape {
  // 定义抽象方法
  abstract getArea(): number
}

// 1.定义计算矩形面积的类
class Rectangle extends Shape {
  width: number
  height: number

  constructor(width: number, height: number) {
    super()
    this.width = width
    this.height = height
  }

  getArea() {
    return this.width * this.height
  }
}

// 2.定义计算圆形面积的类
class Circle extends Shape {
  r: number

  constructor(r: number) {
    super()
    this.r = r
  }

  getArea() {
    return this.r * this.r * 3.14
  }
}


// 测试
const reactangle = new Rectangle(10, 20)
const circle = new Circle(2)

console.log(makeArea(reactangle))
console.log(makeArea(circle))

抽象类有如下的特点：

抽象类是不能被实例化的（也就是抽象类不能通过new创建）

抽象方法必须被子类实现，否则该类必须是一个抽象类, 如果是一个抽象类就可以不实现；

类的类型

类本身也是可以作为一种数据类型的：

• 例如下面代码中, 此时p就是Person类型的

class Person {
  name: string = "aaa"

  eating() {
    console.log("eating")
  }
}

const p = new Person()

• 我们也可以字面量的方式创建一个变量p, 要求他是Person类型的, 那么我们要保证对应的属性和方法需要与Person保持一致

class Person {
  name: string = "aaa"

  eating() {
    console.log("eating")
  }
}

const p: Person = {
  // 属性需要和Person类保持一致
  name: "chenyq",
  eating() {
    console.log("p eating")
  }
}

应用场景

例如开发中, 我们的封装的函数, 需要要求传入一个类的类型, 这样限制才能保证函数中可以正常的使用类的属性或者方法

• 我们可以传入Person类的实例对象

class Person {
  name: string
  constructor(name: string) {
    this.name = name
  }
}

function printName(p: Person) {
  console.log(p.name)
}

// 测试
const p1 = new Person("chenyq")
const p2 = new Person("kaisa")

printName(p1)
printName(p2)

• 也可以传入和Person类属性和方法能够一一对应的对象

class Person {
  name: string
  eating() {
    console.log("eating")
  }
  constructor(name: string) {
    this.name = name
  }
}

function printName(p: Person) {
  console.log(p.name)
}

// 测试
printName({ name: "kaisa", eating() {} })