TypeScript Academy · Pelajaran

Kelas dan Pembina TypeScript

Takrifkan kelas dengan sifat dan pembina yang mempunyai jenis.

Pelajaran 1 daripada 413 langkah

Kelas dan Pembina TypeScript ialah pelajaran TypeScript Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran TypeScript Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus TypeScript Academy merangkumi sejumlah 4 pelajaran.

Selamat Datang

Kelas TypeScript ialah kelas JavaScript dengan anotasi jenis. Kelas ini menggabungkan data dan tingkah laku dalam struktur berorientasikan objek yang mempunyai jenis.

Pengisytiharan Kelas dengan Sifat

Isytiharkan sifat kelas di bahagian atas kelas bersama jenisnya. TypeScript menyemak semua penggunaannya.
class Person {
  name: string;
  age: number;

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

Ringkasan Sifat Parameter

Letakkan pengubah suai akses pada awalan parameter pembina untuk mencipta dan memulakan sifat kelas secara automatik.
class Person {
  constructor(
    public name: string,
    private age: number
  ) {} // properties created automatically
}

Kaedah Berjenis

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

Pengambil dan Penetap

Gunakan kata kunci get dan set untuk mencipta sifat terhitung. TypeScript menyemak jenisnya.
class Circle {
  constructor(private radius: number) {}
  get area(): number { return Math.PI * this.radius ** 2; }
  set r(v: number) { this.radius = v; }
}

Kelas sebagai Jenis

Satu kelas mentakrifkan nilai (fungsi pembina) dan jenis (bentuk tika). Gunakan nama kelas sebagai anotasi jenis.
class Dog { name = 'Rex'; bark() { return 'Woof'; } }
const d: Dog = new Dog();

Ahli Statik

Sifat dan kaedah statik dimiliki oleh kelas itu sendiri, bukan oleh tika. Akses sifat dan kaedah tersebut 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 daripada kelas asas. Panggil `super()` dalam pembina untuk memulakan induk.
class Animal {
  constructor(public name: string) {}
  speak(): string { return '...'; }
}
class Dog extends Animal {
  speak(): string { return 'Woof!'; }
}

Kelas Abstrak

Kelas abstrak tidak boleh dijadikan tika. Kelas ini mentakrifkan kontrak yang mesti dilaksanakan 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; }
}

Jenis this dalam Kelas

Jenis `this` merujuk kepada jenis tika semasa, sekali gus membolehkan API gaya berantai atau pembina dengan jenis pulangan yang betul.
class Builder {
  private parts: string[] = [];
  add(p: string): this { this.parts.push(p); return this; }
  build(): string { return this.parts.join(','); }
}

Kelas berbanding Antara Muka berbanding Jenis

Kelas ialah nilai masa jalan dengan pembina. Antara muka dan alias jenis hanyalah bentuk jenis pada masa kompilasi. Gunakan kelas apabila Anda memerlukan penghasilan tika dan kaedah.

Semakan Pantas

Apakah kesan meletakkan `public` pada awalan parameter pembina dalam TypeScript?

Imbas Kembali

Kelas TypeScript menambahkan jenis pada kelas JavaScript. Gunakan sifat parameter untuk pengisytiharan ringkas, pengubah suai akses untuk pengkapsulan dan kelas abstrak untuk menguatkuasakan kontrak subkelas.
Percuma untuk bermula

Pelajari TypeScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
101
Pelajaran
352

Soalan Lazim

Adakah pelajaran “Kelas dan Pembina TypeScript” percuma?

Ya — teks penuh “Kelas dan Pembina TypeScript” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus TypeScript Academy, tingkat taraf kepada CoddyKit PRO. Kursus TypeScript Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Kelas dan Pembina TypeScript”?

Takrifkan kelas dengan sifat dan pembina yang mempunyai jenis. Anda berlatih TypeScript Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan TypeScript Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran TypeScript Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Kelas dan Pembina TypeScript” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Kelas dan Pembina TypeScript
  2. Pengubah suai public, private dan protected
  3. Sifat readonly dan Sifat Parameter
  4. Melaksanakan Antara Muka dengan Kelas
← Kembali ke TypeScript Academy