美文网首页
javascript设计模式——备忘录模式

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

作者: 蟹老板爱写代码 | 来源:发表于2018-04-04 22:35 被阅读0次

备忘录模式:在不破坏对象的封装性的前提下,在对象之外捕获并保存该对象内部的状态以便日后对象使用或者对象恢复到以前的某个状态

应用场景: 当我们开发一个分页组件的时候,点击下一页获取新的数据,但是当点击上一页时,又重新获取数据,造成无谓的流量浪费,这时可以对数据进行缓存。

    // 备忘录模式伪代码
    var Page = function () {
     // 通过cache对象缓存数据
      var cache = {}
      return function (page, fn) {
        if (cache[page]) {
          showPage(page, cache[page])
        } else {
          $.post('/url', function (data) {
            showPage(page, data)
            cache[page] = data
          })
        }
        fn && fn()
      }
    }

相关文章

网友评论

      本文标题:javascript设计模式——备忘录模式

      本文链接:https://www.haomeiwen.com/subject/mutkhftx.html