TypeScriptУрок 16 из 16

Мини-проект: типизированный трекер задач

Финальный урок собирает всё вместе: интерфейс, объединение литералов, утилитарные типы и класс с приватным состоянием. Каркас готов — осталось дописать три метода.

Главное

Priority — объединение литералов, а не enum.
readonly id нельзя изменить после создания задачи.
NewTask = Omit<Task, "id" | "done">: эти поля трекер заполняет сам.
Record<Priority, number> задаёт порядок сортировки и не даст забыть приоритет.
private tasks: снаружи список меняется только через методы.

Пример

type NoteStatus = "todo" | "done"; interface Note {  readonly id: number;  text: string;  status: NoteStatus;} class NoteBook {  private notes: Note[] = [];   add(text: string): Note {    const note: Note = { id: this.notes.length + 1, text, status: "todo" };    this.notes.push(note);    return note;  }   finish(id: number): void {    const note = this.notes.find((item) => item.id === id);    if (note) note.status = "done";  }   count(status: NoteStatus): number {    return this.notes.filter((note) => note.status === status).length;  }} const book = new NoteBook();book.add("Buy milk");book.add("Call Sam");book.finish(1);console.log(`todo: ${book.count("todo")}, done: ${book.count("done")}`);

Пример — уменьшенная версия проекта: заметки со статусом, приватный массив и метод подсчёта. В задаче к этому добавляются сортировка по приоритету и статистика.

Задание

Как пользоваться редактором⌘ Enter или Ctrl Enter — запустить код, ⇧ ⌘ Enter — проверить задание.Tab и Shift Tab сдвигают строку или выделение; Esc, затем Tab — выйти из редактора.Проверка сравнивает то, что напечатала программа, с заданием; пробелы в конце строк не важны.После двух неудачных проверок можно открыть решение. Ваш код сохраняется в этом браузере.

Допишите complete, pending и stats. Вывод: «Complete #2: true», «Complete #9: false», затем незавершённые задачи по приоритету — «[high] Review PR», «[medium] Write README», «[low] Update icons» — и «Done: 1, open: 3».

type Priority = "low" | "medium" | "high"; interface Task {  readonly id: number;  title: string;  priority: Priority;  done: boolean;} // What a caller provides: the tracker sets id and done itselftype NewTask = Omit<Task, "id" | "done">; const RANK: Record<Priority, number> = { high: 0, medium: 1, low: 2 }; class TaskTracker {  private tasks: Task[] = [];  private nextId = 1;   add(input: NewTask): Task {    const task: Task = { id: this.nextId++, done: false, ...input };    this.tasks.push(task);    return task;  }   complete(id: number): boolean {    // TODO: find the task by id; return false if it is missing or already done,    // otherwise set done = true and return true    return false;  }   pending(): Task[] {    // TODO: keep only unfinished tasks, sorted by RANK (high first)    return this.tasks;  }   stats(): Record<"done" | "open", number> {    // TODO: count finished and unfinished tasks    return { done: 0, open: 0 };  }} const tracker = new TaskTracker();tracker.add({ title: "Write README", priority: "medium" });tracker.add({ title: "Fix login bug", priority: "high" });tracker.add({ title: "Update icons", priority: "low" });tracker.add({ title: "Review PR", priority: "high" }); console.log(`Complete #2: ${tracker.complete(2)}`);console.log(`Complete #9: ${tracker.complete(9)}`); for (const task of tracker.pending()) {  console.log(`[${task.priority}] ${task.title}`);} const stats = tracker.stats();console.log(`Done: ${stats.done}, open: ${stats.open}`);

type Priority = "low" | "medium" | "high";

interface Task {
  readonly id: number;
  title: string;
  priority: Priority;
  done: boolean;
}

// What a caller provides: the tracker sets id and done itself
type NewTask = Omit<Task, "id" | "done">;

const RANK: Record<Priority, number> = { high: 0, medium: 1, low: 2 };

class TaskTracker {
  private tasks: Task[] = [];
  private nextId = 1;

  add(input: NewTask): Task {
    const task: Task = { id: this.nextId++, done: false, ...input };
    this.tasks.push(task);
    return task;
  }

  complete(id: number): boolean {
    // TODO: find the task by id; return false if it is missing or already done,
    // otherwise set done = true and return true
    return false;
  }

  pending(): Task[] {
    // TODO: keep only unfinished tasks, sorted by RANK (high first)
    return this.tasks;
  }

  stats(): Record<"done" | "open", number> {
    // TODO: count finished and unfinished tasks
    return { done: 0, open: 0 };
  }
}

const tracker = new TaskTracker();
tracker.add({ title: "Write README", priority: "medium" });
tracker.add({ title: "Fix login bug", priority: "high" });
tracker.add({ title: "Update icons", priority: "low" });
tracker.add({ title: "Review PR", priority: "high" });

console.log(`Complete #2: ${tracker.complete(2)}`);
console.log(`Complete #9: ${tracker.complete(9)}`);

for (const task of tracker.pending()) {
  console.log(`[${task.priority}] ${task.title}`);
}

const stats = tracker.stats();
console.log(`Done: ${stats.done}, open: ${stats.open}`);

Вывод

Здесь появится то, что напечатает программа.