Belajar Typescript #14 | Type data Void pada Typescript
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.
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.
void
Tipe data void
umumnya digunakan dalam situasi berikut:
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
}
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
});
void
dalam TypeScriptAnda 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
:
function logMessage(message: string): void {
console.log(message);
}
Dalam contoh di atas, tipe kembalian void
dideklarasikan secara eksplisit dengan menggunakan : void
setelah parameter.
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.
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
Ahmad Dika Zulfahmi - 18 Februari 2025
Jungler Tank Bisa Kembali? Update yang Bisa Membawa Jungler Tank ke Meta Lagi
Ahmad Dika Zulfahmi - 06 Februari 2025
Setting Sensitivitas Auto Headshot Free Fire Terbaik
Ahmad Dika Zulfahmi - 03 Februari 2025
Flash Sale Minaplay! Top Up Diamond Free Fire Murah & Cepat!