15.第三篇:享元模式

本文摘自 《JavaScript 设计模式》张容铭 著 版权归原作者所有

  • 实现类似分页的效果
var FlyWeight = function() {
  // 已创建的元素
  var created = []
  // 创建一个新闻包装容器
  function create() {
    var dom = document.createElement('div');
    // 将容器插入新闻列表容器中
    document.getElmentById('container').appendChild(dom);
    // 缓存新创建的元素
    created.push(dom);
    // 返回创建的新元素
    return dom;
  }
  return {
    // 获取创建新闻元素方法
    getDiv : function(){
      // 如果已创建的元素小于当前页元素总个数,则创建
      if(created.length<5)  {
        return create();
      }else{
        // 获取第一个元素,并插入最后面
        var div = created.shift();
        created.push(div);
        return div
      }
    }
  }
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文摘自 《JavaScript 设计模式》张容铭 著 版权归原作者所有 事件与业务逻辑之间的桥梁 类似中间件函数...
    爱吃鱼的肥兔子阅读 981评论 0 0
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,200评论 4 61
  • 本文摘自 《JavaScript 设计模式》张容铭 著 版权归原作者所有 外观模式 在对页面dom绑定原生点击事件...
    爱吃鱼的肥兔子阅读 1,046评论 0 0
  • 多喜欢你,姑娘 一副眼镜,一本书 走在暖洋洋的春天里 春天的第一朵花,是你 因为是你,我期盼已久的 燕儿归来了,还...
    清翷阅读 942评论 0 2
  • 太小的孩子 不必较真, 尤其不是你负责管教的孩子, 给自己一个保持距离的机会,控制自己的情绪。 今日健身深蹲的脚步...
    黄笃定阅读 721评论 0 0