คลาสและคอนสตรักเตอร์ของ TypeScript

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

การประกาศคลาสพร้อมพร็อพเพอร์ตี

class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}

รูปแบบย่อของพร็อพเพอร์ตีพารามิเตอร์

class Person {
  constructor(
    public name: string,
    private age: number
  ) {} // properties created automatically
}

เมธอดที่มีชนิดข้อมูล

class Calculator {
  add(a: number, b: number): number {
    return a + b;
  }
}

ตัวรับค่าและตัวกำหนดค่า

class Circle {
  constructor(private radius: number) {}
  get area(): number { return Math.PI * this.radius ** 2; }
  set r(v: number) { this.radius = v; }
}

คลาสในฐานะชนิดข้อมูล

class Dog { name = 'Rex'; bark() { return 'Woof'; } }
const d: Dog = new Dog();

สมาชิกแบบสแตติก

class MathHelper {
  static PI = 3.14159;
  static square(n: number): number { return n * n; }
}
console.log(MathHelper.PI);

การสืบทอดคลาส

class Animal {
  constructor(public name: string) {}
  speak(): string { return '...'; }
}
class Dog extends Animal {
  speak(): string { return 'Woof!'; }
}

คลาสนามธรรม

abstract class Shape {
  abstract area(): number;
  describe(): string { return `Area: ${this.area()}`; }
}
class Square extends Shape {
  constructor(private side: number) { super(); }
  area() { return this.side ** 2; }
}

ชนิดข้อมูล this ในคลาส

class Builder {
  private parts: string[] = [];
  add(p: string): this { this.parts.push(p); return this; }
  build(): string { return this.parts.join(','); }
}

คลาสกับอินเทอร์เฟซและชนิดข้อมูล

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

สรุปทบทวน