Belajar Typescript #05 | Basic types pada Typescript
Muhammad Rafitulloh Nur Ramadhani
22 Februari 2023
Dalam pengembangan perangkat lunak, tipe data adalah konsep kunci yang membantu kita mengklasifikasikan dan mengatur data. TypeScript, sebagai ekstensi dari JavaScript, menyediakan berbagai jenis tipe data dasar yang membantu pengembang untuk mengelola data dengan lebih baik. Artikel ini akan menjelaskan apa itu basic types pada TypeScript dan mencakup jenis-jenis basic types yang ada dalam JavaScript dan TypeScript.
Basic types dalam TypeScript adalah jenis-jenis tipe data yang mendasar yang digunakan untuk mendefinisikan jenis data variabel, parameter fungsi, dan properti objek. Mereka memungkinkan pengembang untuk menentukan tipe data yang akan digunakan dalam kode mereka secara eksplisit, sehingga membantu mencegah kesalahan tipe yang umumnya terjadi dalam JavaScript murni.
Sebelum kita membahas jenis-jenis basic types dalam TypeScript, mari kita lihat jenis-jenis tipe data dasar yang ada dalam JavaScript:
Number: Digunakan untuk merepresentasikan angka, baik integer maupun floating-point.
let age = 30; // Contoh penggunaan Number
String: Digunakan untuk merepresentasikan teks atau rangkaian karakter.
let name = "John"; // Contoh penggunaan String
Boolean: Digunakan untuk merepresentasikan nilai true
atau false
.
let isStudent = true; // Contoh penggunaan Boolean
Undefined: Digunakan untuk menunjukkan bahwa variabel belum diberikan nilai.
let address; console.log(address); // Output: undefined
Null: Digunakan untuk menunjukkan bahwa variabel memiliki nilai null atau tidak memiliki nilai.
let phoneNumber = null; // Contoh penggunaan Null
Symbol (ES6): Digunakan untuk membuat nilai yang unik dan tidak dapat diubah.
const uniqueID = Symbol("id"); // Contoh penggunaan Symbol
BigInt (ES11): Digunakan untuk merepresentasikan angka yang sangat besar.
const bigNumber = 1234567890123456789012345678901234567890n; // Contoh penggunaan BigInt
Selain tipe-tipe dasar yang ada dalam JavaScript, TypeScript menyediakan tipe-tipe tambahan untuk meningkatkan keamanan dan ekspresivitas kode. Berikut adalah beberapa jenis basic types pada TypeScript:
Any: Tipe data yang memungkinkan variabel untuk memiliki tipe data apa pun. Ini digunakan ketika tipe data tidak diketahui atau ketika bekerja dengan kode JavaScript yang sudah ada.
let data: any = "Hello, World!"; // Contoh penggunaan Any
Void: Digunakan untuk mendefinisikan bahwa sebuah fungsi tidak mengembalikan nilai.
function logMessage(message: string): void {
console.log(message);
}
Array: Digunakan untuk mendefinisikan tipe data dari elemen-elemen dalam sebuah array.
let numbers: number[] = [1, 2, 3, 4]; // Contoh penggunaan Array
Tuple: Mirip dengan array, tetapi memungkinkan Anda mendefinisikan tipe data dari setiap elemen dalam urutan tertentu.
let person: [string, number] = ["John", 30]; // Contoh penggunaan Tuple
Enum: Digunakan untuk mendefinisikan serangkaian nilai konstan dengan nama-nama yang dapat dibaca.
enum Color {
Red,
Green,
Blue
}
let favoriteColor: Color = Color.Blue; // Contoh penggunaan Enum
Never: Digunakan untuk menunjukkan bahwa fungsi tidak pernah mengembalikan nilai atau menghasilkan kesalahan.
function throwError(message: string): never {
throw new Error(message);
}
Object: Digunakan untuk mendefinisikan objek.
let user: object = { name: "Alice", age: 25 };
// Contoh penggunaan Object
Unknown (ES3.0): Mirip dengan any
, tetapi lebih aman. Variabel dengan tipe unknown
hanya dapat diassign dengan tipe yang tepat atau setelah dilakukan pemeriksaan tipe.
let userInput: unknown = "Hello, TypeScript!";
let message: string = userInput as string;
Dengan memahami dan menggunakan jenis-jenis basic types ini dalam TypeScript, Anda dapat membuat kode yang lebih aman dan lebih mudah dipelihara, serta meningkatkan ekspresivitas dan dokumentasi kode Anda. Ini adalah langkah awal yang penting dalam memahami TypeScript dan menggunakannya dalam pengembangan perangkat lunak.
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!