Sử dụng Abstract Classes trong TypeScript

abstract class Shape {
    abstract calculateArea(): number;

    displayArea(): void {
        console.log(`Area: ${this.calculateArea()}`);
    }
}

class Circle extends Shape {
    constructor(private radius: number) {
        super();
    }

    calculateArea(): number {
        return Math.PI * this.radius * this.radius;
    }
}

const circle = new Circle(5);
circle.displayArea(); // Kết quả: Area: 78.53981633974483

abstract class TenLopAbstract {
    // Khai báo thuộc tính và phương thức
    // ...
}

Sử dụng Abstract Class

Bạn không thể tạo đối tượng trực tiếp từ một Abstract Class, nhưng bạn có thể tạo các lớp con từ nó và sử dụng chúng.

class LopCon extends TenLopAbstract {
    // Triển khai các phương thức trừu tượng và thêm các thuộc tính khác
    // ...
}

Ví dụ:

abstract class Animal {
    abstract makeSound(): void;
}

class Dog extends Animal {
    makeSound(): void {
        console.log("Gâu gâu");
    }
}

const dog = new Dog();
dog.makeSound(); // Kết quả: Gâu gâu

Trong ví dụ này, lớp Animal là một Abstract Class với phương thức trừu tượng makeSound(). Lớp con Dog kế thừa từ Animal và triển khai phương thức makeSound() để in ra tiếng "Gâu gâu" khi gọi phương thức này trên đối tượng dog.

Phương thức Abstract trong Abstract Classes

Phương thức Abstract (abstract methods) trong Abstract Classes là cách để định nghĩa giao diện (interface) mà các lớp con phải triển khai. Phương thức Abstract không có cài đặt trong Abstract Class và không có dấu ngoặc nhọn ({}), chỉ có tên phương thức và kiểu trả về (nếu có). Các lớp con phải cung cấp triển khai cụ thể cho phương thức Abstract, nếu không TypeScript sẽ báo lỗi.

Dưới đây là cách sử dụng phương thức Abstract trong Abstract Classes và một ví dụ minh họa:

Sử dụng phương thức Abstract

abstract class TenLopAbstract {
    abstract tenPhuongThuc(): void;
}

Triển khai phương thức Abstract trong lớp con

class LopCon extends TenLopAbstract {
    tenPhuongThuc(): void {
        // Triển khai phương thức ở đây
    }
}

Ví dụ:

abstract class Animal {
    abstract makeSound(): void;
}

class Dog extends Animal {
    makeSound(): void {
        console.log("Gâu gâu");
    }
}

class Cat extends Animal {
    makeSound(): void {
        console.log("Meow meow");
    }
}

const dog = new Dog();
dog.makeSound(); // Kết quả: Gâu gâu

const cat = new Cat();
cat.makeSound(); // Kết quả: Meow meow

Trong ví dụ này, lớp Animal là một Abstract Class với phương thức trừu tượng makeSound(). Lớp con Dog và Cat kế thừa từ Animal và triển khai phương thức makeSound() để tạo ra tiếng kêu của chó và mèo.

Kế thừa và Abstract Classes

Kế thừa (inheritance) trong TypeScript cho phép bạn mở rộng Abstract Classes bằng cách tạo các lớp con (subclasses) từ chúng. Lớp con kế thừa tất cả thuộc tính và phương thức của lớp cha (Abstract Class) và có khả năng triển khai các phương thức trừu tượng được định nghĩa trong lớp cha.

Dưới đây là cách sử dụng kế thừa và một ví dụ minh họa:

Sử dụng kế thừa để tạo lớp con

abstract class TenLopAbstract {
    abstract tenPhuongThuc(): void;
}

class LopCon extends TenLopAbstract {
    tenPhuongThuc(): void {
        // Triển khai phương thức ở đây
    }
}

abstract class Animal {
    abstract makeSound(): void;
}

class Dog extends Animal {
    makeSound(): void {
        console.log("Gâu gâu");
    }
}

class Cat extends Animal {
    makeSound(): void {
        console.log("Meow meow");
    }
}

const dog = new Dog();
dog.makeSound(); // Kết quả: Gâu gâu

const cat = new Cat();
cat.makeSound(); // Kết quả: Meow meow

Trong ví dụ này, lớp Animal là một Abstract Class với phương thức trừu tượng makeSound(). Lớp con Dog và Cat kế thừa từ Animal và triển khai phương thức makeSound() để tạo ra tiếng kêu của chó và mèo.

Kế thừa trong Abstract Classes cho phép bạn tạo các lớp con có tính chất tương tự và chia sẻ mã nguồn, đồng thời đảm bảo rằng các lớp con phải triển khai các phương thức trừu tượng mà lớp cha định nghĩa.

Ví dụ minh họa

Các ví dụ minh họa trong bài viết sẽ cung cấp mã nguồn cụ thể và ví dụ về cách sử dụng Abstract Classes trong TypeScript. Đối với mỗi ví dụ, mã nguồn và cách triển khai các lớp con của Abstract Classes sẽ được cung cấp để minh họa cách sử dụng chúng.

Ví dụ (sử dụng Abstract Classes để thiết kế lớp hình học):

abstract class Shape {
  abstract calculateArea(): number;
  abstract calculatePerimeter(): number;
}

class Circle extends Shape {
  constructor(private radius: number) {
    super();
  }

  calculateArea(): number {
    return Math.PI * this.radius ** 2;
  }

  calculatePerimeter(): number {
    return 2 * Math.PI * this.radius;
  }
}

class Rectangle extends Shape {
  constructor(private width: number, private height: number) {
    super();
  }

  calculateArea(): number {
    return this.width * this.height;
  }

  calculatePerimeter(): number {
    return 2 * (this.width + this.height);
  }
}

Trong ví dụ này, bạn có mã nguồn minh họa việc sử dụng Abstract Class "Shape" và các lớp con "Circle" và "Rectangle" để tính toán diện tích và chu vi của các hình học.

Ví dụ tiếp theo về việc sử dụng Abstract Classes trong ứng dụng quản lý tài liệu cũng sẽ cung cấp mã nguồn và ví dụ cụ thể.

Kết bài

Trong bài viết này, mình đã tìm hiểu về Abstract Classes trong TypeScript và cách chúng có thể được sử dụng để định nghĩa cấu trúc chung cho các đối tượng có tính chất tương tự. Mình đã tìm hiểu cú pháp của Abstract Classes, cách triển khai các phương thức trừu tượng, và cách các lớp con kế thừa và mở rộng Abstract Classes để thêm tính năng cụ thể.

Abstract Classes cung cấp một cách tiếp cận mạnh mẽ để tái sử dụng mã nguồn và thiết kế các lớp đối tượng có cấu trúc chung. Chúng có thể được áp dụng trong nhiều tình huống thực tế, từ thiết kế hình học đến quản lý tài liệu và nhiều ứng dụng khác.

Tuy Abstract Classes có nhiều lợi ích, nhưng cũng cần phải xem xét các hạn chế và lưu ý khi sử dụng chúng. Việc hiểu rõ cách sử dụng Abstract Classes trong TypeScript có thể giúp tối ưu hóa thiết kế của bạn và tạo ra mã nguồn dễ bảo trì.

Hy vọng rằng bài viết này đã giúp bạn hiểu hơn về Abstract Classes và cách chúng có thể được áp dụng trong TypeScript.