Pengembangan Antara Muka dalam OOP dalam TypeScript

Antara muka dalam TypeScript boleh mewarisi antara satu sama lain. Interaksi sedemikian dipanggil pengembangan antara muka. Mari kita lihat contoh. Katakan kita mempunyai antara muka ISize:

typescriptinterface ISize {
  height: number;
  width: number;
}

Mari buat antara muka IStyle, yang akan mengembangkan ISize:

typescriptinterface IStyle extends ISize {
  color: string;
}

Sekarang mari kita buat kelas Figure, yang melaksanakan antara muka IStyle. Kelas kita perlu melaksanakan kedua-dua sifat antara muka itu sendiri dan induknya. Mari laksanakannya:

typescriptclass Figure implements IStyle {
  height: number;
  width: number;
  color: string;
  
  constructor(height: number, width: number, color: string) {
    this.height = height;
    this.width  = width;
    this.color  = color;
  }
}

Mari uji hasilnya:

typescriptlet fig = new Figure(130, 200, 'hijau');
console.log(fig);