JavaScript设计模式——备忘录模式

备忘录模式

备忘录模式提供了一种恢复状态的实现机制，是的用户可以方便地回到一个特定的历史步骤，当心的状态无效或者存在问题，可以使用暂时存储起来的备忘录将状态复原，很多软件都提供了撤销操作。

备忘录在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态，以便以后当需要时能将该对象恢复到原先保存的状态。

备忘录模式角色

• 原发器：它是一个普通类，可以创建一个备忘录，并存储其当前内部状态，也可以使用备忘录来恢复其内部状态。一般将需要保存内部状态的类设计为原发器。
• 备忘录：存储原发器的内部状态，根据原发器来决定保存哪些内部状态。备忘录的设计一般可以参考原发器的设计，根据实际需要确定备忘录类中的属性。需要注意的是，除了原发器本身与负责人类之外，备忘录对象不能直接供其他类使用
• 负责人又称为管理者，他负责保存备忘录，但是不能对备忘录的内容进行操作或检查。在负责人类中可以存储一个或多个备忘录对象，他只负责存储对象，而不能修改对象，也无须知道对象的实现细节

适用场景

在以下情况下可以考虑使用备忘录模式：

1. 保存一个对象在某一个时刻的全部状态或部分状态，这样以后需要时就能够恢复到先前的状态，实现撤销操作。
2. 防止外界对象破坏一个对象历史状态的封装性，避免将对象历史状态的实现细节暴露给外界对象。

案例实现

分页获取数据时，可以通过缓存已经获取的数据快速显示数据，减少发送的请求，实现优化的目的。

let Page = function (){
  let cache = {};
  return function (page, fn){
    if(cache[page]){
      console.log(cache[page]);
      fn && fn();
    } else {
      let res = {data:[]};
      cache[page] = res.data;
      fn && fn();
    }
  }
}();

游戏中的角色在战斗前保存状态，在战斗后失败，读取状态

// 游戏角色
class GameRole{
  vit = 0;
  atk = 0;
  def = 0;
  constructor(){
    
  }
// 初始化状态
  initState(){
    this.vit = 10;
    this.atk = 10;
    this.def = 10;
  }

// 战斗
  fight(){
    this.vit = 0;
    this.atk = 0;
    this.def = 0;
  }
// 保存状态，返回一个状态备忘录对象
  saveState() {
    return new RoleStateMoment(this.vit, this.atk,this.def);
  }
	// 恢复状态，从存储的备忘录中读取状态，并赋值给角色对象
  recoverState(roleStateMoment){
    this.vit = roleStateMoment.getVit;
    this.atk = roleStateMoment.getAtk;
    this.def = roleStateMoment.getDef;
  }
// 显示状态，用来观察变化
  stateDisplay(){
    console.log(this.vit,this.atk,this.def);
  }

  getVit(){
    return this.vit;
  }

  setVit(vit){
    this.vit = vit;
  }

  getAtk(){
    return this.atk;
  }
  setAtk(atk){
    this.atk = atk;
  }

  getDef(){
    return this.def;
  }

  setDef(def){
    this.def = def;
  }

  
}
// 备忘录对象，用来存储gameRole对象的状态
class RoleStateMoment{
  constructor(vit, atk, def){
    this.vit = vit;
    this.atk = atk;
    this.def = def;
  }

 getVit(){
  return this.vit;
 }
 getAtk(){
  return this.atk;
 }

 getDef(){
  return this.def;
 }
}
// 创建一个游戏角色
let gameRole = new GameRole();

// 初始化
gameRole.initState();
// 保存状态
let roleStateMoment = gameRole.saveState();
// 调用战斗函数，模拟战的情况
gameRole.fight();
// 战斗之后恢复状态
gameRole.recoverState(roleStateMoment);

优缺点

优点

1. 它提供了一种状态恢复的实现机制，使得用户可以方便地回到一个特定的历史步骤。当新的状态无效或者存在问题时，可以使用暂时存储起来的备忘录将状态复原。
2. 备忘录实现了对信息的封装。一个备忘录对象是一种原发器对象状态的表示，不会被其他代码所改动。备忘录保存了原发器的状态，采用列表、堆栈等集合来存储备忘录对象可以实现多次撤销操作。

缺点

备忘录模式的主要缺点是：资源消耗过大。如果需要保存的原发器类的成员变量太多，就不可避免地需要占用大量的存储空间，每保存一次对象的状态都需要消耗一定的系统资源。