การใช้อินเทอร์เฟซกับคลาส

เริ่มต้นใช้งาน

implements พื้นฐาน

interface Printable {
  print(): void;
}
class Document implements Printable {
  print() { console.log('Printing...'); }
}

สมาชิกที่ขาดหายไปทำให้เกิดข้อผิดพลาด

interface Serializable { serialize(): string; }
// Error: Class 'Broken' incorrectly implements interface 'Serializable'
// class Broken implements Serializable {}

การใช้งานหลายอินเทอร์เฟซ

interface Flyable { fly(): void; }
interface Swimmable { swim(): void; }
class Duck implements Flyable, Swimmable {
  fly() { console.log('Flying'); }
  swim() { console.log('Swimming'); }
}

interface ไม่ได้จัดเตรียมการใช้งาน

implements กับสมาชิกที่ไม่บังคับ

interface Logger {
  log(msg: string): void;
  warn?(msg: string): void; // optional
}
class SimpleLogger implements Logger {
  log(msg: string) { console.log(msg); }
  // warn is not required
}

อินเทอร์เฟซสำหรับการแทรกการพึ่งพา

interface Storage { save(data: string): void; }
class Service {
  constructor(private storage: Storage) {}
  run() { this.storage.save('data'); }
}
class LocalStorage implements Storage {
  save(data: string) { localStorage.setItem('key', data); }
}

extends กับ implements

คลาสที่ใช้งานอินเทอร์เฟซและขยายคลาส

class Animal { breathe() { return 'breathing'; } }
interface Trainable { train(): void; }
class Dog extends Animal implements Trainable {
  train() { console.log('Sit!'); }
}

การใช้งานอินเทอร์เฟซแบบเจเนอริก

interface Repository<T> {
  findById(id: number): T | null;
}
class UserRepo implements Repository<User> {
  findById(id: number): User | null {
    return null; // stub
  }
}

ความปลอดภัยด้านชนิดข้อมูลของ implements

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน