0Pricing
TypeScript Academy · Pelajaran

Class dan Konstruktor TypeScript

Definisikan class dengan properti dan konstruktor bertipe.

Class dan Konstruktor TypeScript adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 4 pelajaran total.

Selamat Datang

Kelas TypeScript adalah kelas JavaScript dengan anotasi tipe. Kelas tersebut menggabungkan data dan perilaku dalam struktur berorientasi objek yang memiliki tipe.

Deklarasi Kelas dengan Properti

Deklarasikan properti kelas di bagian atas kelas beserta tipenya. TypeScript memeriksa semua penggunaannya.
class Person {
  name: string;
  age: number;

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

Notasi Singkat Properti Parameter

Awali parameter konstruktor dengan pengubah akses untuk membuat dan menginisialisasi properti kelas secara otomatis.
class Person {
  constructor(
    public name: string,
    private age: number
  ) {} // properties created automatically
}

Metode Bertipe

Metode kelas menggunakan anotasi tipe parameter dan tipe hasil yang sama seperti fungsi biasa.
class Calculator {
  add(a: number, b: number): number {
    return a + b;
  }
}

Pengambil dan Penetap

Gunakan kata kunci pengambil dan penetap untuk membuat properti hasil perhitungan. TypeScript memeriksa tipenya.
class Circle {
  constructor(private radius: number) {}
  get area(): number { return Math.PI * this.radius ** 2; }
  set r(v: number) { this.radius = v; }
}

Kelas sebagai Tipe

Sebuah kelas mendefinisikan nilai, yaitu fungsi konstruktor, sekaligus tipe, yaitu struktur instans. Gunakan nama kelas sebagai anotasi tipe.
class Dog { name = 'Rex'; bark() { return 'Woof'; } }
const d: Dog = new Dog();

Anggota Statis

Properti dan metode statis dimiliki oleh kelas itu sendiri, bukan oleh instans. Akseslah melalui nama kelas.
class MathHelper {
  static PI = 3.14159;
  static square(n: number): number { return n * n; }
}
console.log(MathHelper.PI);

Pewarisan Kelas

Gunakan `extends` untuk mewarisi dari kelas dasar. Panggil `super()` di dalam konstruktor untuk menginisialisasi induknya.
class Animal {
  constructor(public name: string) {}
  speak(): string { return '...'; }
}
class Dog extends Animal {
  speak(): string { return 'Woof!'; }
}

Kelas Abstrak

Kelas abstrak tidak dapat dibuat menjadi instans. Kelas tersebut mendefinisikan kontrak yang harus diimplementasikan oleh subkelas.
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; }
}

Tipe `this` dalam Kelas

Tipe `this` merujuk pada tipe instans saat ini, sehingga memungkinkan API bergaya berantai atau Builder dengan tipe hasil yang benar.
class Builder {
  private parts: string[] = [];
  add(p: string): this { this.parts.push(p); return this; }
  build(): string { return this.parts.join(','); }
}

Kelas versus Antarmuka versus Tipe

Kelas adalah nilai saat program dijalankan yang memiliki konstruktor. Antarmuka dan alias tipe hanya merupakan struktur tipe saat kompilasi. Gunakan kelas saat Anda membutuhkan pembuatan instans dan metode.

Pemeriksaan Singkat

Apa pengaruh penambahan `public` di awal parameter konstruktor dalam TypeScript?

Ringkasan

Kelas TypeScript menambahkan tipe ke kelas JavaScript. Gunakan properti parameter untuk deklarasi yang ringkas, pengubah akses untuk enkapsulasi, dan kelas abstrak untuk menegakkan kontrak subkelas.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Class dan Konstruktor TypeScript” gratis?

Ya — teks lengkap “Class dan Konstruktor TypeScript” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Class dan Konstruktor TypeScript”?

Definisikan class dengan properti dan konstruktor bertipe. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Class dan Konstruktor TypeScript” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Class dan Konstruktor TypeScript
  2. Pengubah public, private, dan protected
  3. Properti readonly dan Properti Parameter
  4. Mengimplementasikan Antarmuka dengan Class
← Kembali ke TypeScript Academy