J*aScript备忘录模式_状态保存与恢复_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

J*aScript备忘录模式_状态保存与恢复

2025-11-24

浏览次数：次

返回列表

备忘录模式通过发起人、备忘录和管理者三者协作，在不破坏封装性的前提下实现对象状态的保存与恢复；例如文本编辑器中利用History管理多个TextMemento实例，实现撤销功能；适用于需支持撤销、历史记录等场景，但需注意性能开销与深拷贝问题。

javascript备忘录模式_状态保存与恢复

备忘录模式是一种行为设计模式，用于在不破坏封装的前提下保存和恢复对象的内部状态。在J*aScript中，这种模式特别适用于需要撤销操作、历史记录或状态快照的场景，比如文本编辑器、表单填写、游戏存档等。

核心角色说明

备忘录模式通常包含三个主要部分：

发起人（Originator）：拥有内部状态的对象，能够创建备忘录来保存当前状态，也能通过备忘录恢复状态。
备忘录（Memento）：负责存储发起人的内部状态。为了保持封装性，备忘录对外只提供有限的接口，通常只允许发起人访问完整状态。
管理者（Caretaker）：负责保存和管理备忘录对象，但不能修改或查看其内容。

**J*aScript实现示例**

以下是一个简单的文本编辑器使用备忘录模式实现撤销功能的例子：

// 发起人：文本编辑器
class TextEditor {
  constructor() {
    this.content = '';
  }

  // 修改内容
  write(text) {
    this.content += text;
  }

  // 创建备忘录（保存当前状态）
  s*e() {
    return new TextMemento(this.content);
  }

  // 恢复状态
  restore(memento) {
    this.content = memento.getContent();
  }
}

// 备忘录：保存编辑器状态
class TextMemento {
  constructor(content) {
    this.s*edContent = content;
  }

  getContent() {
    return this.s*edContent;
  }
}

// 管理者：负责管理多个备忘录（如历史记录）
class History {
  constructor() {
    this.mementos = [];
  }

  push(memento) {
    this.mementos.push(memento);
  }

  pop() {
    return this.mementos.pop() || null;
  }
}

使用方式：

Avatar AI

AI成像模型，可以从你的照片中生成逼真的4K头像

92 查看详情 Avatar AI

const editor = new TextEditor();
const history = new History();

editor.write("Hello");
history.push(editor.s*e()); // 保存状态

editor.write(" World");
history.push(editor.s*e()); // 保存状态

editor.write("!");
console.log(editor.content); // 输出: Hello World!

// 撤销一次
editor.restore(history.pop());
console.log(editor.content); // 输出: Hello World

// 再撤销一次
editor.restore(history.pop());
console.log(editor.content); // 输出: Hello