問題一覧に戻る
上級高度な型
問題49: Template Literal型

Template Literal型を使って、文字列リテラルを動的に生成する方法を学びます。JavaScriptのテンプレートリテラル構文を型レベルで使用することで、文字列パターンを型として定義できます。型安全なイベントハンドラ名やIDパターンの定義に活用できます。

// Template Literal型の定義
type EventName = "click" | "change" | "submit";
type EventHandler = < ${EventName}>;

const handler: EventHandler = "on_click";

// ID型のパターン
type ID = < _id>;
const userId: ID = "user_id";