🧪 Frontend Lab
交互式前端学习实验室

TypeScript 综合练习

typescript · advanced · 25-30 min · Step 1/3

Todo 系统类型设计

// 优先级联合类型
type Priority = 'low' | 'medium' | 'high';

// Todo 接口
interface Todo {
  id: number;
  title: string;
  priority: Priority;
  done: boolean;
  createdAt: Date;
}

// 筛选状态
type FilterStatus = 'all' | 'done' | 'pending';

// 函数签名
function createTodo(title: string, priority: Priority): Todo { ... }
function toggleTodo(todo: Todo): Todo { ... }
function filterTodos(todos: Todo[], status: FilterStatus): Todo[] { ... }
先定义好类型,再实现函数,这是 TypeScript 开发的推荐工作流。