Pengantar Fitur Kelas Tingkat Lanjut

TypeScript menyediakan beberapa fitur kelas tingkat lanjut yang membantu Anda menulis kode berorientasi objek yang modular, mudah dikembangkan, dan mudah dipelihara.

Dalam pelajaran ini, Anda akan mempelajari pengubah akses, kelas abstrak, anggota statis, dan lainnya.

Pengantar Fitur Kelas Tingkat Lanjut

TypeScript menyediakan beberapa fitur kelas tingkat lanjut yang membantu Anda menulis kode berorientasi objek yang modular, mudah dikembangkan, dan mudah dipelihara.

Dalam pelajaran ini, Anda akan mempelajari pengubah akses, kelas abstrak, anggota statis, dan lainnya.

Pengubah Akses

TypeScript menyediakan tiga pengubah akses untuk mengendalikan visibilitas anggota kelas:

• public: Dapat diakses di mana saja (bawaan).
• private: Hanya dapat diakses di dalam kelas.
• protected: Dapat diakses di dalam kelas dan subkelasnya.

class Person {
  public name: string;
  private age: number;
  protected role: string;

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

class Employee extends Person {
  getRole(): string {
    return this.role; // Accessible because it's protected
  }
}

Kelas Abstrak

Kelas abstrak digunakan sebagai cetak biru untuk kelas lain. Kelas ini tidak dapat dibuat instansnya secara langsung dan dapat menyertakan metode abstrak.

abstract class Shape {
  abstract getArea(): number;
}

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

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

const circle = new Circle(5);
console.log(circle.getArea()); // 78.54

Anggota Statis

Anggota statis dimiliki oleh kelas itu sendiri, bukan oleh suatu instans kelas. Anggota tersebut diakses menggunakan nama kelas.

class MathUtils {
  static PI = 3.14;

  static calculateCircleArea(radius: number): number {
    return this.PI * radius ** 2;
  }
}

console.log(MathUtils.PI); // 3.14
console.log(MathUtils.calculateCircleArea(5)); // 78.5

Getter dan Setter

Getter dan setter memungkinkan Anda mengendalikan cara properti diakses atau diubah dalam suatu kelas.

class Person {
  private _name: string;

  constructor(name: string) {
    this._name = name;
  }

  get name(): string {
    return this._name;
  }

  set name(newName: string) {
    this._name = newName;
  }
}

const person = new Person('Alice');
console.log(person.name); // Alice
person.name = 'Bob';
console.log(person.name); // Bob

Properti Hanya Baca

Pengubah readonly memastikan bahwa properti hanya dapat ditetapkan selama inisialisasi dan tidak dapat diubah setelahnya.

class Vehicle {
  readonly make: string;

  constructor(make: string) {
    this.make = make;
  }
}

const car = new Vehicle('Toyota');
console.log(car.make); // Toyota
// car.make = 'Honda'; // Error: Cannot assign to 'make' because it is a read-only property.

Konstruktor Private dan Protected

Kelas dapat memiliki konstruktor private atau protected untuk mengendalikan cara dan tempat kelas tersebut dibuat instansnya.

class Singleton {
  private static instance: Singleton;

  private constructor() {}

  static getInstance(): Singleton {
    if (!this.instance) {
      this.instance = new Singleton();
    }
    return this.instance;
  }
}

const singleton = Singleton.getInstance();
console.log(singleton);

Tugas Latihan

Buat sebuah kelas dengan konstruktor protected dan perluasnya dalam subkelas. Tambahkan metode untuk mengakses properti terlindungi di subkelas.

Selamat!

Anda telah mempelajari fitur lanjutan kelas seperti pengubah akses, kelas abstrak, anggota statis, dan lainnya. Silakan berlatih dengan konsep-konsep ini untuk menulis kode TypeScript berorientasi objek yang bersih dan efisien!