Install Web App

Belajar Typescript #39 | Constructor

profil-penulis

Robert Saputra

28 Februari 2023

Dalam bahasa pemrograman TypeScript, constructor adalah metode khusus yang digunakan untuk menginisialisasi objek yang dibuat dari sebuah class. Constructor digunakan untuk mengatur nilai awal atau properti dalam objek, serta menjalankan kode inisialisasi lainnya. Artikel ini akan menjelaskan secara detail apa itu constructor dalam TypeScript, bagaimana cara mendefinisi, dan mengapa penting dalam pengembangan aplikasi.

Apa Itu Constructor?

Constructor adalah metode yang memiliki nama khusus dalam sebuah class. Ketika Anda membuat objek dari class, constructor akan otomatis dijalankan, dan Anda dapat menggunakan constructor untuk menginisialisasi properti atau menjalankan kode inisialisasi lainnya.

Contoh Constructor

Berikut adalah contoh sederhana dari sebuah class dengan constructor dalam TypeScript:

class Person {
  name: string;
  age: number;

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

Dalam contoh di atas, class Person memiliki dua properti (name dan age) dan constructor yang menerima dua parameter (name dan age). Constructor ini digunakan untuk menginisialisasi nilai properti objek yang dibuat dari class Person saat objek tersebut diciptakan.

Menggunakan Constructor

Saat Anda membuat objek dari class dengan constructor, Anda dapat memberikan nilai awal untuk properti sesuai dengan parameter yang diterima oleh constructor. Contoh penggunaan constructor:

const john = new Person("John", 30);
const jane = new Person("Jane", 25);

Dalam contoh di atas, kita membuat dua objek, john dan jane, dari class Person dengan memberikan nilai awal untuk properti name dan age menggunakan constructor.

Constructor Overloading

Anda juga dapat mendefinisikan constructor overloading dalam TypeScript. Ini memungkinkan Anda untuk mendefinisikan beberapa versi constructor dengan jumlah parameter yang berbeda. Class akan memilih constructor yang sesuai berdasarkan jumlah dan tipe parameter yang Anda berikan saat membuat objek.

class Person {
  name: string;
  age: number;

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

Dalam contoh di atas, kita mendefinisikan dua versi constructor. Yang pertama menerima dua parameter (name dan age), sementara yang kedua hanya menerima satu parameter (name). Jika kita membuat objek seperti ini:

const john = new Person("John", 30); // Menggunakan constructor pertama
const jane = new Person("Jane");     // Menggunakan constructor kedua

Class akan memilih constructor yang sesuai berdasarkan jumlah parameter yang diberikan.

Kesimpulan

Constructor adalah metode khusus dalam TypeScript yang digunakan untuk menginisialisasi objek saat mereka diciptakan dari sebuah class. Ini memungkinkan Anda untuk mengatur nilai awal untuk properti objek dan menjalankan kode inisialisasi lainnya. Dengan penggunaan yang tepat, constructor memungkinkan Anda untuk membangun objek dengan properti yang sesuai dengan kebutuhan aplikasi 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