Lớp học và công cụ sửa đổi

TypeScript mở rộng các lớp ES6 tiêu chuẩn với các tính năng Lập trình hướng đối tượng (OOP) mạnh mẽ, chẳng hạn như gõ tĩnh, sửa đổi truy cập và thuộc tính tham số tốc ký.

Các lớp và công cụ sửa đổi quyền truy cập

Trong TypeScript, bạn có thể kiểm soát mức độ hiển thị của các thành viên lớp, thuộc tính và phương thức bằng ba từ khóa chính:

• public (mặc định): thành viên có thể truy cập được từ mọi nơi.
• private: chỉ có thể truy cập thành viên trong lớp xác định nó.
• protected: thành viên có thể truy cập được trong lớp và các lớp con của nó (kế thừa).

class Animal {
  public name: string;
  private age: number;

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

  public getAge(): number {
    return this.age;
  }
}

Thuộc tính tham số

TypeScript cung cấp cú pháp tốc ký để khai báo và khởi tạo thành viên lớp trực tiếp trong hàm tạo. Bằng cách thêm tiền tố vào tham số hàm tạo bằng công cụ sửa đổi truy cập, thuộc tính sẽ được tạo và gán tự động:

// This syntax does exactly the same as the previous example!
class Animal {
  constructor(
    public name: string,
    private age: number,
  ) {}
}

Giao diện triển khai

Một lớp có thể triển khai một hoặc nhiều giao diện bằng từ khóa implements. Điều này đảm bảo lớp tuân thủ một hợp đồng cụ thể bằng cách xác định tất cả các phương thức và thuộc tính cần thiết:

interface Flyable {
  fly(altitude: number): void;
}

class Bird implements Flyable {
  constructor(public name: string) {}

  fly(altitude: number): void {
    console.log(`${this.name} is flying at ${altitude} meters.`);
  }
}

Kế thừa và super

TypeScript hỗ trợ đầy đủ tính kế thừa lớp. Một lớp có thể mở rộng một lớp khác bằng từ khóa extends. Nếu lớp con định nghĩa một hàm tạo, nó phải gọi hàm tạo của lớp cơ sở bằng hàm super() trước khi truy cập this:

class Person {
  constructor(public name: string) {}
}

class Student extends Person {
  constructor(
    name: string,
    public grade: number,
  ) {
    super(name); // Calls the Person constructor
  }
}

Hãy tự mình thử

Bài tập 1: Lớp ô tô và Công cụ sửa đổi riêng

Bài tập 2: Giao diện hình dạng và Lớp hình tròn

Bài tập 3: Lớp phương tiện cơ giới và lớp con xe máy trừu tượng

Bài tập 4: Thuộc tính tham số và kế thừa