TS-10 面向对象-class 上

基础声明：和interface很像
区别：

interface只有成员的类型没有实现以及初始化
class需要同时有成员的类型和实现

interface PointInterface {
  x: number
  y: number
}

const p1:PointInterface = {
  x: 1,
  y: 2
}
// 要有默认值，不然严格模式下 ts 会报错
class PointClass {
  // 这里的意思是初始化的时候 this.x = 0，和写在 constructor 的意思是一样的，都是进行初始化
  x:number = 0
  y:number = 0
}
// ---or---
class PointClass {
  x: number
  y: number
  constructor(x = 0, y = 0){
    this.x = x
    this.y = y
  }
}

const p2 = new PointClass(1,2)
console.log(p2)

上述声明简化：每个参数都要加 public，并且public只能用于typescript

class PointClass {
 constructor(public x = 0,public y= 0){}
}

const p = new PointClass()
console.log(p)

constructor也可以用重载
class也可以使用索引签名

class Hash {
  [s:string]: unknown

  set(key:string,value:unknown){
    this[key] = value
  }

  get(key:string){
    return this[key]
  }
}

class实现接口：implements，实现的意思就是你有的我都有。但是interface里的可选属性，在class也依然要实现，不然使用时会报错

interface Person{
  name: string
  sayHi: (target: Person) => void
}

// User的类型只要是Person的子集就行，即被Person类型兼容就可以
class User implements Person{
  constructor(public name:string){
  }
  sayHi(target:Person){
    console.log(`Hi, ${target.name}`)
  }
}

const user = new User('frank')
console.log(user.name)

class还可以实现多个接口，方法和一个接口类似，就是全部完善就行
class继承class：

class Person {
  constructor(public name:string){}
  sayHi(){
    console.log(`Hi, I am ${this.name}`)
  }
}

class User extends Person {
  id: number
  constructor(name:string,id: number){
    super(name) // 执行父类的构造函数
    this.id = id
  }
  login(){}
  sayHi(target?: User){
    if(target === undefined){
      super.sayHi()
    }else{
      console.log('我是 User 的 sayHi')
    }
  }
}

const user = new User('frank',1)
user.sayHi() // Hi, I am frank
user.sayHi(user) // 我是 User 的 sayHi
console.log(user)

declare: 改变父类属性类型

class Person {
  friend?: Person
  constructor(public name:string,friend?:Person){
    this.friend = friend
  }
}

class User extends Person{
  declare friend?: User
  constructor(name:string,friend?:User){
    super(name,friend)
  }
}

const u1 = new User('frank')
const u2 = new User('ricky',u1)

console.log(u2.friend) // User 类型，不加declare的话，friend就是父类Person类型

TS-10 面向对象-class 上

推荐阅读更多精彩内容