Mik a sablonliteral típusok?

Question

Accepted Answer

A **sablonliteral típusok** lehetővé teszik, hogy új string literal típusokat hozz létre más típusok interpolálásával egy sablonba — karakterlánc-manipuláció a *típus* szintjén. ```ts type Greeting = `Hello, ${string}`; const a: Greeting = "Hello, world"; // ✅ const b: Greeting = "Hi there"; // ❌ doesn't match the pattern ``` ## Unióikkal való kombinálás — azok terjesztik ```ts type Color = "red" | "blue"; type Shade = "light" | "dark"; type Variant = `${Shade}-${Color}`; // "light-red" | "light-blue" | "dark-red" | "dark-blue" — all combinations ``` A fordító kiterjeszti az unió minden kombinációját — hasznos az érvényes string kulcsok (CSS osztályok, eseménynév, útvonal minták) automatikus generálásához. ## Valós világbeli minta: típusos eseménynevek ```ts type Entity = "user" | "post"; type Event = `${Entity}:${"created" | "deleted"}`; // "user:created" | "user:deleted" | "post:created" | "post:deleted" function on(event: Event, cb: () => void) {} on("user:created", () => {}); // ✅ on("user:updated", () => {}); // ❌ not a valid event ``` ## Kulcs átméretezhezésével és beépített segédfüggvényekkel ```ts type Getters = { [K in keyof T & string as `get${Capitalize}`]: () => T[K]; }; // { name: string } → { getName: () => string } ``` Az `Uppercase`, `Lowercase`, `Capitalize`, `Uncapitalize` beépített segédfüggvények. ## Miért fontos A sablonliteral típusok string-alapú API-kat teszik típusbiztosakká: útparametérek, eseményrendszerek, CSS-in-JS, ORM oszlopnevek. Ahelyett, hogy bármilyen `string` karakterláncot elfogadnál, egy pontos, generált érvényes karakterláncok halmazára korlátozhatod — a gépi írás során elkapva a gépelési hibákat olyan helyeken, amelyek korábban string-tipizáltak voltak.