← TypeScript35 / 43

Mapped Types & Template Literal Type Dasar

Mapped type dan Template Literal type memungkinkan pembuatan nama tipe baru berbasis manipulasi pola string.

👀 Contoh dulu

type EventName = "click" | "hover";
type EventHandler = `on${Capitalize<EventName>}`; // "onClick" | "onHover"
const h: EventHandler = "onClick";
console.log(h);

Hasilnya: onClick

💡 Fitur tipe tingkat lanjut untuk membangun API library yang sangat ekspresif.

📝 Sekarang giliranmu

Buat type alias EventGetter menggunakan Template Literal Type yang menggabungkan awalan get dengan string yang diawali huruf kapital.

Preview
← SebelumnyaBerikutnya →