Belajar Typescript #35 | Menerapkan Types ke dalam class

profil-penulis

Edo Kurniawan

27 Februari 2023

Dalam TypeScript, Anda dapat menggunakan tipe data (Types) untuk mendefinisikan bentuk dan perilaku kelas (class). Ini membantu dalam menerapkan struktur yang lebih kuat dan memberikan kendali lebih besar terhadap bagaimana kelas Anda digunakan. Artikel ini akan membahas konsep penerapan tipe dalam class pada TypeScript, cara mendefinisikan tipe, dan mengapa ini penting dalam pengembangan aplikasi.

Mengapa Menggunakan Types dalam Class?

Penggunaan tipe dalam class memiliki manfaat berikut:

  1. Validasi Data: Tipe memungkinkan Anda untuk mengvalidasi data yang akan dimasukkan ke dalam kelas, sehingga Anda dapat mencegah data yang salah dimasukkan.

  2. Dokumentasi Kode: Tipe memberikan dokumentasi yang jelas tentang jenis data yang diharapkan dalam kelas.

  3. Intelejensi Kode: Alat pengembangan seperti Visual Studio Code dapat memberikan saran dan pemeriksaan kode yang lebih baik berdasarkan tipe yang didefinisikan.

  4. Kemudahan Perawatan: Dengan tipe yang terdefinisi dengan baik, perawatan dan perbaikan kode menjadi lebih mudah.

Mendefinisikan Tipe pada Class

Anda dapat mendefinisikan tipe pada class menggunakan beberapa pendekatan:

1. Mendefinisikan Tipe pada Properties

Anda dapat mendefinisikan tipe data untuk properti kelas dengan cara berikut:

class Person {
  name: string;
  age: number;

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

Pada contoh di atas, properti name dan age memiliki tipe data yang telah didefinisikan.

2. Mendefinisikan Tipe pada Methods

Anda juga dapat mendefinisikan tipe data untuk parameter dan nilai kembali dari method dalam class:

class Calculator {
  add(a: number, b: number): number {
    return a + b;
  }
}

Pada contoh ini, method add menerima dua parameter dengan tipe data number dan mengembalikan nilai bertipe number.

3. Mendefinisikan Tipe pada Constructor

Anda dapat mendefinisikan tipe parameter constructor class:

class Car {
  constructor(public make: string, public model: string, public year: number) {}
}
4. Mendefinisikan Tipe untuk Class Itu Sendiri

Anda juga dapat mendefinisikan tipe data kelas itu sendiri:

class Product {
  // Properti dan methods

  static createProduct(id: number, name: string): Product {
    return new Product(id, name);
  }

  constructor(public id: number, public name: string) {}
}

Pada contoh di atas, kita menggunakan Product sebagai tipe data dalam method createProduct.

Menggunakan Tipe dalam Class

Setelah Anda mendefinisikan tipe dalam class, Anda dapat menggunakannya dalam berbagai cara:

Mendeklarasikan Variabel dengan Tipe Class

Anda dapat mendeklarasikan variabel dengan tipe class yang telah Anda definisikan:

const john: Person = new Person("John", 30);

Variabel john memiliki tipe Person yang telah didefinisikan sebelumnya.

Menggunakan Tipe dalam Method

Anda dapat menggunakan tipe dalam parameter method dan nilai kembali:

function printUserInfo(person: Person): void {
  console.log(`Name: ${person.name}, Age: ${person.age}`);
}

Pada contoh ini, person memiliki tipe Person yang telah didefinisikan sebelumnya.

Kesimpulan

Menggunakan tipe dalam class adalah praktik yang baik dalam pengembangan aplikasi TypeScript. Ini membantu dalam validasi data, dokumentasi kode, dan meningkatkan intelejensi kode. Dengan pemahaman yang baik tentang cara mendefinisikan dan menggunakan tipe dalam class, Anda dapat membuat kode yang lebih kuat dan lebih mudah dipelihara dalam aplikasi TypeScript Anda.

Artikel Lainnya Dengan Kategori Terkait :


1. Belajar Typescript #01 | Memahami apa itu Typescript

2. Belajar Typescript #02 | Setup project Typescript

3. Belajar Typescript #03 | Konfigurasi compiler Typescript

4. Belajar Typescript #04 | Membuat code dan menjalankan Typescript

5. Belajar Typescript #05 | Basic types pada Typescript

6. Belajar Typescript #06 | Type data Boolean pada Typescript

7. Belajar Typescript #07 | Type data Number pada Typescript

8. Belajar Typescript #08 | Type data String pada Typescript

9. Belajar Typescript #09 | Type data Null dan Undefined pada Typescript

10. Belajar Typescript #10 | Type data Any pada Typescript

11. Belajar Typescript #11 | Type data Void pada Typescript

12. Belajar Typescript #12 | Object types pada Typescript

13. Belajar Typescript #13 | Object Literal pada Typescript

14. Belajar Typescript #14 | Type data Void pada Typescript

15. Belajar Typescript #15 Object types pada Typescript

16. Belajar Typescript #16 | Memahami dan menerapkan type aliases

17. Belajar Typescript #17 | Memahami dan menerapkan union types

18. Belajar Typescript #18 | Memahami dan menerapkan intersection types

19. Belajar Typescript #19 | Basic types lanjutan - Array

20. Belajar Typescript #20 | Basic types lanjutan - Tuples

21. Belajar Typescript #21 | Basic types lanjutan - Null

22. Belajar Typescript #22 | Basic types lanjutan - Undefined

23. Belajar Typescript #23 | Basic types lanjutan - Void

24. Belajar Typescript #24 | Basic types lanjutan - Never

25. Belajar Typescript #25 | Mengenal teknik lanjutan pada Typescript

26. Belajar Typescript #26 | Optional Parameter

27. Belajar Typescript #27 | Default Parameter

28. Belajar Typescript #28 | Return Type

29. Belajar Typescript #29 | Mendeklarasikan Fungsi - Tanpa Parameter

30. Belajar Typescript #30 | Mendeklarasikan Fungsi - Dengan Parameter

31. Belajar Typescript #31 | Mendeklarasikan Fungsi - Dengan Return Type

32. Belajar Typescript #32 | Mendeklarasikan Fungsi - Sebagai Variabel

33. Belajar Typescript #33 | Mendeklarasikan Fungsi - Sebagai Tipe Data

34. Belajar Typescript #34 | Function Call Signature

35. Belajar Typescript #35 | Menerapkan Types ke dalam class

36. Belajar Typescript #36 | Class declaration

37. Belajar Typescript #37 | Properties dan Methods

38. Belajar Typescript #38 | Object dan Properti dari sebuah class

39. Belajar Typescript #39 | Constructor

40. Belajar Typescript #40 | Konsep OOP - Inheritance

41. Belajar Typescript #41 | Konsep OOP - Abstraction

42. Belajar Typescript #42 | Konsep OOP - Encapsulation

43. Belajar Typescript #43 | Accessors

44. Belajar Typescript #44 | Member visibility / Access modifier

45. Belajar Typescript #45 | Konsep OOP Polymorphism

46. Interfaces TypeScript

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya