TypeScriptTingkat: Menengah6 min
Template Literal Types & String Combinations
Rancang validasi string yang sangat spesifik (seperti format event, rute API, atau warna hex) menggunakan kombinasi Template Literal Types.
Kombinasi String Literal Berbasis Template
Pratinjau TerbukaTemplate Literal Types membawa sintaks backtick string JavaScript ke dunia sistem pengetikan statis, memungkinkan validasi pola string tingkat tinggi.
Contoh Kode Sintaks
type Aksi = 'klik' | 'hover';
type Elemen = 'tombol' | 'kartu';
// Otomatis menghasilkan gabungan: 'klik-tombol' | 'klik-kartu' | 'hover-tombol' | 'hover-kartu'
type EventNama = `${Aksi}-${Elemen}`;
// Validasi format CSS Margin/Padding: "top-10" | "bottom-20"
type Arah = 'top' | 'bottom' | 'left' | 'right';
type Ukuran = 10 | 20 | 30;
type SpacingToken = `${Arah}-${Ukuran}`;
const paddingAktif: SpacingToken = 'top-20'; // Valid
// const paddingSalah: SpacingToken = 'center-50'; // Error Compile Time!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