메멘토 memento 패턴 - 타입스크립트 예시

// Memento: 편집기의 상태(내용)를 저장
class EditorMemento {
  // readonly를 사용하여 외부에서 수정 불가능하도록 함
  constructor(public readonly content: string) {}
}

// Originator: 원본 객체
class Editor {
  private content: string = "";

  write(text: string): void {
    this.content += text;
  }

  getContent(): string {
    return this.content;
  }

  // 현재 상태를 메멘토에 저장
  save(): EditorMemento {
    console.log("상태 저장: ", this.content);
    return new EditorMemento(this.content);
  }

  // 메멘토로부터 상태를 복원
  restore(memento: EditorMemento): void {
    this.content = memento.content;
    console.log("상태 복원: ", this.content);
  }
}

// Caretaker: 메멘토를 보관하지만 내용은 모름
class History {
  private mementos: EditorMemento[] = [];
  private editor: Editor;

  constructor(editor: Editor) {
    this.editor = editor;
  }

  push(): void {
    this.mementos.push(this.editor.save());
  }

  undo(): void {
    // 마지막 상태(현재 상태)를 버리기 위해 pop
    this.mementos.pop();

    // 그 이전 상태를 가져와 복원
    const lastMemento = this.mementos[this.mementos.length - 1];
    if (lastMemento) {
      this.editor.restore(lastMemento);
    } else {
      // 스택에 아무것도 없으면 초기 상태로 복원
      this.editor.restore(new EditorMemento(""));
    }
  }
}

// 클라이언트 코드
const editor = new Editor();
const history = new History(editor);

// 1. 첫 번째 문장 작성 및 저장
editor.write("안녕하세요. ");
history.push(); // "안녕하세요. " 상태 저장

// 2. 두 번째 문장 작성 및 저장
editor.write("메멘토 패턴입니다.");
history.push(); // "안녕하세요. 메멘토 패턴입니다." 상태 저장

// 3. 현재 내용 확인
console.log("현재 내용: ", editor.getContent());
// 출력: 현재 내용:  안녕하세요. 메멘토 패턴입니다.

// 4. 실행 취소 (Undo)
history.undo();
console.log("실행 취소 후 내용: ", editor.getContent());
// 출력:
// 상태 복원:  안녕하세요.
// 실행 취소 후 내용:  안녕하세요.

// 5. 한 번 더 실행 취소 (Undo)
history.undo();
console.log("두 번째 실행 취소 후 내용: ", editor.getContent());
// 출력:
// 상태 복원:
// 두 번째 실행 취소 후 내용: