TypeScriptTingkat: Menengah6 min
Union Types, Narrowing & Type Guards
Gabungkan beberapa tipe data dengan Union (|) dan persempit tipe data secara aman saat runtime menggunakan operator typeof dan in.
Konsep Union Types (|)
Pratinjau TerbukaUnion type memungkinkan variabel atau parameter menerima lebih dari satu jenis tipe data yang telah disepakati.
Contoh Kode Sintaks
type StatusPesanan = 'menunggu' | 'diproses' | 'selesai' | 'dibatalkan';
type ID = string | number;Type Narrowing dengan Type Guards
Untuk mengakses metode khusus milik salah satu tipe dalam union, gunakan type guard seperti typeof:
function formatID(id: string | number): string {
// Narrowing tipe data saat runtime
if (typeof id === 'number') {
return `ID-NUM-#${id.toFixed(0)}`;
}
return `ID-STR-#${id.toUpperCase()}`;
}
Live Compiler Runner
Akses Kursus Wajib Login
Buka Akses Penuh Silabus & Praktikum
Masuk dengan akun GitHub, Google, atau Akses Cepat Developer untuk membuka seluruh materi mendalam, menjalankan compiler interaktif, mengerjakan kuis, dan menyimpan progres belajar Anda.
145+ Modul Lengkap•Tersimpan Otomatis•Sertifikat Kelulusan Resmi