前端实现一个备忘录模式

备忘录模式是一种行为型设计模式，可以让程序在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态，以便以后可以恢复到之前的某个状态。

在前端中，我们可以使用备忘录模式来实现一些具有撤销操作的功能，例如撤回上一步操作、恢复被删除的数据等。

下面是一个简单的备忘录模式的实现：

// 备忘录类
class Memento {
  constructor(state) {
    this.state = state;
  }
  getState() {
    return this.state;
  }
}

// 发起人类
class Originator {
  constructor() {
    this.state = null;
  }
  setState(state) {
    this.state = state;
  }
  getState() {
    return this.state;
  }
  saveStateToMemento() {
    return new Memento(this.state);
  }
  getStateFromMemento(memento) {
    this.state = memento.getState();
  }
}

// 管理者类
class CareTaker {
  constructor() {
    this.mementos = [];
  }
  addMemento(memento) {
    this.mementos.push(memento);
  }
  getMemento(index) {
    return this.mementos[index];
  }
}

// 使用示例
const originator = new Originator();
const careTaker = new CareTaker();

// 第一次保存状态
originator.setState('State #1');
careTaker.addMemento(originator.saveStateToMemento());

// 第二次保存状态
originator.setState('State #2');
careTaker.addMemento(originator.saveStateToMemento());

// 恢复到第一次保存的状态
originator.getStateFromMemento(careTaker.getMemento(0));
console.log(originator.getState()); // 输出 "State #1"

在这个例子中，我们定义了三个类：备忘录类、发起人类和管理者类。发起人类用来创建和恢复备忘录，管理者类用来管理备忘录的集合。在这个例子中，我们将发起人类的状态保存到备忘录中，并将备忘录存储到管理者类中，以便以后可以恢复到之前的某个状态。

当需要撤销操作时，我们可以从管理者类中获取之前保存的备忘录，并将其恢复到发起人类中。这样，发起人类就可以回到之前的状态了。

当然，这只是一个简单的例子，实际应用中可能需要更多的代码来实现具体的功能。