Template literal types ਤੁਹਾਨੂੰ ਇੱਕ template ਵਿੱਚ ਦੂਸਰੀਆਂ types ਨੂੰ interpolate ਕਰਕੇ ਨਵੀਆਂ string literal types ਬਣਾਉਣ ਦਿੰਦਾ ਹੈ — type ਲੈਵਲ 'ਤੇ string manipulation।
ts
= ;
: = ;
: = ;
type Color = "red" | "blue";
type Shade = "light" | "dark";
type Variant = `${Shade}-${Color}`;
// "light-red" | "light-blue" | "dark-red" | "dark-blue" — all combinations
Compiler ਹਰੇਕ combination ਨੂੰ expand ਕਰਦਾ ਹੈ — valid string keys (CSS classes, event names, route patterns) ਨੂੰ ਸਵੈਚਲਿਤ ਤੌਰ 'ਤੇ generate ਕਰਨ ਲਈ ਲਾਭਦਾਇਕ।
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
type Getters<T> = {
[K in keyof T & string as `get${Capitalize<K>}`]: () => T[K];
};
// { name: string } → { getName: () => string }
Uppercase, Lowercase, Capitalize, Uncapitalize built-in intrinsic helpers ਹਨ।
Template literal types string-based APIs ਨੂੰ type-safe ਬਣਾਉਂਦਾ ਹੈ: route params, event systems, CSS-in-JS, ORM column names।
ਕਿਸੇ ਵੀ string ਨੂੰ ਸਵੀਕਾਰ ਕਰਨ ਦੀ ਬਜਾਏ، ਤੁਸੀਂ ਇੱਕ precise، generated set ਤੱਕ ਸੀਮਤ ਕਰ ਸਕਦੇ ਹੋ valid strings ਦਾ — compile time 'ਤੇ typos ਨੂੰ ਫੜ ਸਕਦੇ ਹੋ ਅਜਿਹੀ ਜਗ੍ਹਾ ਜੋ ਪਹਿਲਾਂ stringly-typed ਸੀ।