TypeScript adalah superset dari JavaScript yang memperkenalkan pengetikan statis pada bahasa ini. Salah satu fitur intinya adalah sistem tipe yang kuat, yang membantu pengembang menulis kode yang lebih aman dan mudah dipelihara. Memahami sistem tipe TypeScript sangat penting untuk meningkatkan potensi penuhnya. Dalam artikel ini, kita akan mempelajari tipe-tipe TypeScript, manfaatnya, dan cara menggunakannya secara efektif.
Apa yang dimaksud dengan Tipe TypeScript?
Dalam TypeScript, tipe mendefinisikan bentuk dan struktur data. Sementara JavaScript diketik secara dinamis, TypeScript memungkinkan pengembang untuk mendeklarasikan tipe untuk variabel, parameter fungsi, nilai yang dikembalikan, dan hal-hal lainnya. Hal ini memungkinkan deteksi dini terhadap masalah dalam siklus pengembangan, sehingga mengurangi jumlah bug pada saat runtime.
 |
| sumber: zerotomastery.io |
Manfaat Menggunakan Tipe dalam TypeScript
- Pencegahan Kesalahan - TypeScript menangkap kesalahan terkait tipe selama kompilasi, sehingga menghilangkan beberapa jebakan yang paling umum dalam JavaScript.
- Keterbacaan Kode - Dengan tipe eksplisit, pengembang dapat membaca kode dengan lebih sedikit menebak struktur variabel.
- Dukungan Perkakas yang Lebih Baik - Menggunakan tipe TypeScript membuat pelengkapan otomatis, dokumentasi sebaris, dan alat refactoring yang lebih baik di IDE dan editor Anda.
- Pemeliharaan yang Lebih Baik - Tipe statis membuat basis kode yang besar menjadi lebih mudah dipelihara dan lebih mudah di-refactor .
Tipe-tipe Dasar dalam TypeScript
TypeScript menyediakan beberapa tipe dasar yang sesuai dengan beberapa tipe primitif JavaScript:
1. Angka
let age: number = 25;
Dengan daftar taut angka [bilangan bulat, nilai floating point].
2. String
let name: string = "John Doe";
Digunakan untuk data berbasis teks.
3. Boolean
let isCompleted: boolean = true;
Nilai benar atau salah.
4. Larik
let numbers: number[] = [1, 2, 3, 4, 5];
Kita dapat menyimpan satu atau beberapa nilai dengan tipe tertentu dalam larik.
5. Tuple
let person: [string, number] = ["Alice", 30];
Tupel menyimpan berbagai jenis dalam larik dengan panjang tetap.
6. Enum
enum Status { Pending, Approved, Rejected };let orderStatus: Status = Status.Approved;
Enum digunakan untuk mendefinisikan sekelompok konstanta bernama.
7. Any
let value: any = "Hello";value = 42; // Allowed but not recommended
Tipe any dapat menerima apa saja tetapi harus digunakan sesedikit mungkin.
8. Void
function logMessage(): void {console.log("This function returns nothing");}
Fungsi yang digunakan untuk fungsi yang tidak mengembalikan nilai.
9. Null dan Tidak Terdefinisi
let nullValue: null = null;let undefinedValue: undefined = undefined;
Tipe-tipe ini menunjukkan tidak adanya nilai.
Tipe Lanjutan
Mereka juga memiliki tipe lanjutan yang memberi kita lebih banyak fleksibilitas.
1. Jenis Serikat Pekerja
let id: string | number;id = "123";id = 123;
Tipe union memungkinkan sebuah variabel untuk menampung beberapa tipe.
2. Tipe Nama alias
type UserID = string | number;let userId: UserID = "ABC123";
Alias menyederhanakan definisi tipe yang kompleks.
3. Antarmuka
interface User {id: number;name: string;}let user: User = { id: 1, name: "Alice" };
Antarmuka mendefinisikan struktur objek.
4. Jenis Persimpangan
type Employee = { id: number; name: string };type Manager = { department: string };type TeamLead = Employee & Manager;let lead: TeamLead = { id: 1, name: "Bob", department: "IT" };
Tipe persimpangan menggabungkan beberapa tipe menjadi satu.
5. Tipe Pernyataan
let someValue: any = "Hello, World!";let strLength: number = (someValue as string).length;
Pernyataan tipe memberi tahu TypeScript untuk memperlakukan variabel sebagai tipe tertentu.
Kesimpulan
Sistem tipe TypeScript adalah alat yang ampuh yang meningkatkan pengembangan JavaScript dengan menangkap kesalahan lebih awal, meningkatkan keterbacaan kode, dan membuat basis kode lebih mudah dipelihara. Dengan menguasai tipe dasar dan lanjutan, pengembang dapat menulis aplikasi yang lebih kuat dengan kepercayaan diri yang lebih besar. Baik Anda sedang mengerjakan proyek kecil maupun aplikasi berskala besar, memahami tipe TypeScript adalah langkah mendasar menuju pengkodean yang efisien.