Install Web App

Belajar Typescript #37 | Properties dan Methods

profil-penulis

Edo Kurniawan

28 Februari 2023

Dalam TypeScript, "properties" dan "methods" adalah dua komponen utama yang membentuk struktur class. Mereka digunakan untuk mendefinisikan atribut (data) dan perilaku (fungsi) dari objek. Artikel ini akan menjelaskan secara detail tentang properties dan methods dalam TypeScript dan bagaimana Anda dapat menggunakannya dalam pembuatan class.

Properties (Properti)

Properties, atau dalam bahasa Indonesia sering disebut "properti," adalah variabel yang digunakan untuk menyimpan data. Properti menggambarkan atribut atau karakteristik dari suatu objek. Properti dalam TypeScript dapat memiliki berbagai tipe data seperti string, number, boolean, dan sebagainya.

Contoh penggunaan properti dalam TypeScript:

class Person {
  // Properti
  name: string;
  age: number;

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

Dalam contoh di atas, name dan age adalah properti dari class Person. Mereka digunakan untuk menyimpan nama dan usia dari objek yang dibuat dari class Person.

Akses ke Properti

Anda dapat mengakses properti objek dengan menggunakan operator titik .. Contoh:

const john = new Person("John", 30);
console.log(john.name); // Output: John
console.log(john.age);  // Output: 30

Methods (Metode)

Methods, atau dalam bahasa Indonesia sering disebut "metode," adalah fungsi yang terkait dengan objek. Mereka digunakan untuk menjalankan tindakan tertentu pada objek, memanipulasi data, atau mengembalikan hasil. Methods dalam TypeScript didefinisikan dalam class dan dapat menerima parameter.

Contoh penggunaan methods dalam TypeScript:

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

Dalam contoh di atas, add adalah method dari class Calculator. Method ini menerima dua parameter (a dan b) dan mengembalikan hasil penjumlahan keduanya.

Memanggil Methods

Anda dapat memanggil methods objek dengan menggunakan operator titik . dan memberikan argumen sesuai dengan parameter yang diterima oleh method. Contoh:

const calculator = new Calculator();
const result = calculator.add(5, 3); // Output: 8

Kesimpulan

Properties dan methods adalah dua komponen utama dalam class pada TypeScript. Properties digunakan untuk menyimpan data atau atribut dari objek, sedangkan methods digunakan untuk menjalankan tindakan atau operasi pada objek. Dengan penggunaan yang tepat, Anda dapat membuat class yang kuat dan efisien untuk mengorganisasi dan memanipulasi data dalam aplikasi 

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