Install Web App

Belajar Typescript #11 | Type data Void pada Typescript

profil-penulis

Edo Kurniawan

23 Februari 2023

Tipe data void adalah salah satu tipe data khusus dalam TypeScript. Tipe data ini digunakan untuk menunjukkan bahwa sebuah fungsi tidak mengembalikan nilai apa pun. Dalam artikel ini, kita akan menjelaskan lebih lanjut tentang tipe data void, kegunaannya, dan cara penggunaannya dalam TypeScript.

Apa itu Tipe Data void?

Tipe data void adalah tipe data yang digunakan untuk menunjukkan bahwa sebuah fungsi tidak mengembalikan nilai apa pun. Ini berarti bahwa hasil dari pemanggilan fungsi dengan tipe data void adalah undefined. Dalam TypeScript, penggunaan tipe data void adalah cara yang berguna untuk menyatakan bahwa sebuah fungsi digunakan untuk melakukan sesuatu, seperti mencetak pesan atau mengubah status, tetapi tidak mengembalikan hasil yang berguna.

Contoh penggunaan tipe data void dalam TypeScript:

function logMessage(message: string): void {
  console.log(message);
}

Fungsi logMessage di atas menerima sebuah pesan dan mencetaknya ke konsol, tetapi tidak mengembalikan nilai apa pun, sehingga tipe data kembalian fungsi adalah void.

Kegunaan Tipe Data void

Tipe data void memiliki berbagai kegunaan dalam pengembangan perangkat lunak, termasuk:

  1. Fungsi yang Tidak Mengembalikan Nilai: Tipe data void digunakan untuk mendefinisikan fungsi-fungsi yang tidak memiliki nilai kembalian. Ini berguna ketika Anda ingin mengorganisasi kode untuk tugas-tugas tertentu, seperti mencetak atau memperbarui status.

    function updateDatabase(): void {
      // Melakukan pembaruan dalam database
    }
    
  2. Penanganan Peristiwa (Event Handling): Saat menangani peristiwa dalam aplikasi web, seringkali Anda hanya ingin menjalankan kode tertentu saat peristiwa terjadi tanpa mengembalikan nilai.

    button.addEventListener("click", () => {
      // Mengambil tindakan tertentu saat tombol diklik
    });
    
  3. Menggunakan Callbacks: Ketika Anda meneruskan fungsi sebagai argumen ke fungsi lain (callback), tipe data void digunakan untuk menunjukkan bahwa fungsi tersebut tidak mengembalikan nilai, tetapi akan dipanggil untuk mengambil tindakan tertentu.

    function fetchData(callback: () => void): void {
      // Mengambil data dari sumber eksternal
      // Memanggil callback saat selesai
      callback();
    }
    

     

Cara Penggunaan Tipe Data void dalam TypeScript

Penggunaan tipe data void dalam TypeScript sangat sederhana. Untuk mendeklarasikan bahwa sebuah fungsi memiliki tipe data void (tidak mengembalikan nilai), Anda cukup menambahkan : void setelah parameter fungsi dan sebelum tubuh fungsi. Di bawah ini adalah contoh-contoh cara penggunaannya:

function logMessage(message: string): void {
  console.log(message);
}

Anda juga dapat menggunakan tipe data void dalam definisi variabel fungsi:

const printMessage: (message: string) => void = (message) => {
  console.log(message);
};

Ketika Anda memanggil fungsi dengan tipe data void, hasilnya adalah undefined:

const result: void = logMessage("Hello, TypeScript!");
console.log(result); // Output: undefined

Dengan memahami tipe data void dan cara penggunaannya dalam TypeScript, Anda dapat menggunakannya untuk menjelaskan bahwa sebuah fungsi tidak mengembalikan nilai dan digunakan untuk tugas-tugas yang tidak memerlukan nilai kembalian.

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