Install Web App

Belajar Typescript #14 | Type data Void pada Typescript

profil-penulis

Muhammad Rafitulloh Nur Ramadhani

23 Februari 2023

Tipe data void adalah salah satu tipe data khusus dalam TypeScript yang digunakan untuk menyatakan bahwa sebuah fungsi tidak mengembalikan nilai. Dalam artikel ini, kita akan menjelaskan konsep tipe data void, memberikan contoh kegunaan, dan cara penggunaannya dalam TypeScript.

Apa Itu Tipe Data void?

Tipe data void dalam TypeScript digunakan untuk mendeklarasikan bahwa suatu fungsi tidak mengembalikan nilai apa pun. Ini berarti ketika Anda memanggil fungsi dengan tipe void, Anda tidak dapat menangkap atau menggunakan nilai yang dikembalikan, karena tidak ada yang dikembalikan.

Contoh deklarasi fungsi dengan tipe void:

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

Dalam contoh di atas, fungsi logMessage memiliki tipe void, yang berarti itu hanya melakukan tindakan mencetak pesan ke konsol dan tidak mengembalikan nilai.

Kegunaan Tipe Data void

Tipe data void umumnya digunakan dalam situasi berikut:

  1. Fungsi Tanpa Nilai Kembalian: Ketika Anda memiliki fungsi yang hanya melakukan tindakan, seperti mencetak ke konsol atau mengubah data global, Anda dapat mendeklarasikan tipe void untuk menunjukkan bahwa fungsi tersebut tidak mengembalikan nilai.

    function writeToDatabase(data: any): void {
      // Simulasikan penulisan data ke database
    }
    

     

  2. Event Handlers: Saat menangani peristiwa (event) dalam aplikasi web, fungsi penanganan peristiwa seringkali tidak perlu mengembalikan nilai. Dalam hal ini, Anda dapat menggunakan tipe void untuk menyatakan bahwa fungsi penanganan peristiwa tersebut tidak menghasilkan nilai kembalian.

    button.addEventListener("click", function (): void {
      // Logika penanganan peristiwa
    });
    

     

Cara Penggunaan Tipe Data void dalam TypeScript

Anda dapat mendeklarasikan tipe data void pada fungsi, baik dengan menentukan tipe kembalian void secara eksplisit atau membiarkannya tidak ada. Berikut adalah dua cara untuk mendeklarasikan tipe data void:

1. Mendeklarasikan Tipe Kembalian Secara Eksplisit
function logMessage(message: string): void {
  console.log(message);
}

Dalam contoh di atas, tipe kembalian void dideklarasikan secara eksplisit dengan menggunakan : void setelah parameter.

2. Tidak Mendeklarasikan Tipe Kembalian

Jika Anda tidak mendeklarasikan tipe kembalian, TypeScript akan secara otomatis mendeteksi bahwa fungsi tersebut mengembalikan void karena tidak ada pernyataan return.

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

Kedua cara di atas valid dan memungkinkan Anda untuk mendeklarasikan tipe data void pada fungsi.

Kesimpulan

Tipe data void adalah tipe khusus dalam TypeScript yang digunakan untuk menyatakan bahwa sebuah fungsi tidak mengembalikan nilai. Ini umumnya digunakan untuk fungsi-fungsi yang hanya melakukan tindakan, seperti mencetak atau mengubah data, tanpa menghasilkan nilai kembalian. Penggunaan tipe data void membantu dalam dokumentasi kode dan memastikan bahwa fungsi tersebut digunakan dengan benar dalam 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