zoukankan      html  css  js  c++  java
  • 备忘录模式

    备忘录模式

    备忘录模式Memento Pattern是在不破坏封装性的前提下,将对象当前的内部状态保存在对象之外,以便以后当需要时能将该对象恢复到原先保存的状态。备忘录模式又叫快照模式,是一种对象行为型模式。

    描述

    备忘录模式是关于捕获和存储对象的当前状态的方式,以便以后可以平滑地恢复它。

    优点

    • 提供了一种可以恢复状态的机制,当用户需要时能够比较方便地将数据恢复到某个历史的状态。
    • 实现了内部状态的封装,除了创建它的发起类之外,其他对象都不能够访问这些状态信息。
    • 简化了发起类,发起类不需要管理和保存其内部状态的各个备份,所有状态信息都保存在备忘录中,并由管理者进行管理,这符合单一职责原则。

    缺点

    • 资源消耗大,如果要保存的内部状态信息过多或者特别频繁,将会占用比较大的内存资源。

    适用环境

    • 需要保存/恢复数据的相关状态场景。
    • 提供一个可回滚的操作。

    实现

    // 以文本编辑器为例,该编辑器会不时地保存状态,并且可以根据需要进行恢复。
    
    class EditorMemento { // memento对象将能够保持编辑器状态
        constructor(content) {
            this._content = content;
        }
        
        getContent() {
            return this._content;
        }
    }
    
    class Editor {
        constructor(){
            this._content = "";
        }
        
        type(words) {
            this._content = `${this._content} ${words}`;
        }
        
        getContent() {
            return this._content;
        }
        
        save() {
            return new EditorMemento(this._content);
        }
        
        restore(memento) {
            this._content = memento.getContent();
        }
    }
    
    (function(){
        const editor = new Editor()
    
        editor.type("This is the first sentence.");
        editor.type("This is second.");
    
        const saved = editor.save();
    
        editor.type("And this is third.")
    
        console.log(editor.getContent()); // This is the first sentence. This is second. And this is third.
    
        editor.restore(saved);
    
        console.log(editor.getContent()); // This is the first sentence. This is second.
    })();
    

    每日一题

    https://github.com/WindrunnerMax/EveryDay
    

    参考

    https://github.com/Byronlee/Design-patterns
    https://www.runoob.com/design-pattern/memento-pattern.html
    https://github.com/sohamkamani/javascript-design-patterns-for-humans#-memento
    
  • 相关阅读:
    关于git的一些常用命令
    移动页面缩放方法之(三)rem布局
    day3笔记
    day2天笔记
    使用charles抓取手机端包 Charles设置断点
    用ffmpeg编辑视频
    js新闻摘要截取部分文字
    js实现多图展示 鼠标移入图片放大
    js全选与反选
    javascript与jQuery选项卡效果
  • 原文地址:https://www.cnblogs.com/WindrunnerMax/p/13976231.html
Copyright © 2011-2022 走看看