การใช้งาน Interface และ Abstract Class ในภาษา TypeScript เบื้องต้น

// การกำหนด Interface
interface Shape {
    // ต้องมี property นี้
    width: number;
    height: number;
    // ต้องมี method นี้ โดยมีการกำหนด parameter และ return type
    area(): number;
    perimeter(): number;
}

// Class Rectangle implements สัญญาจาก Shape
class Rectangle implements Shape {
    // ต้องประกาศ Properties ทั้งหมดตามสัญญา
    width: number; 
    height: number;

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

    // ต้องกำหนด Body ให้กับ Method area()
    area(): number {
        return this.width * this.height;
    }

    // ต้องกำหนด Body ให้กับ Method perimeter()
    perimeter(): number {
        return (this.width * 2) + (this.height * 2);
    }
}

interface HasVolume {
    volume(): number;
}

// Cylinder implements ทั้ง Shape และ HasVolume
class Cylinder implements Shape, HasVolume {
    // ... ต้องประกาศ property และ method ทั้งหมดของ Shape และ HasVolume
    
    // ... (โค้ดส่วนอื่น ๆ)

    area(): number { /* ... */ return 0; }
    perimeter(): number { /* ... */ return 0; }
    volume(): number { /* ... */ return 0; }
}

// Abstract Class รูปร่าง
abstract class Form {
    // 1. Normal Property (มีค่าได้)
    protected color: string = 'gray'; 

    // 2. Normal Method (มี Body ได้)
    public getColor(): string {
        return this.color;
    }

    // 3. Abstract Method (ต้องไม่มี Body และมี abstract keyword)
    abstract area(): number; // ต้องถูก implements/override ใน Class ลูก
}

// Class ลูกต้อง extends
class Triangle extends Form {
    base: number;
    height: number;

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

    // ต้อง Override และกำหนด Body ให้กับ abstract method 'area()'
    override area(): number {
        return 0.5 * this.base * this.height;
    }
}

// const f = new Form(); // Error: Cannot create an instance of an abstract class.
const t = new Triangle(10, 5);
console.log(t.area()); // 25