作用

主要用于做性能优化、运用共享技术有效的支持大量的细粒度对象，避免对象间拥有相同内容造成多余开销！ 核心思想：是对象池、使用对象的时候判断对象池是否有、优先从对象池获取对象

  1. // 需求展示表格数据、表格每次展示五条数据并且有分页效果
  3. //创建一个享元类、维护需要展示的五个dom、每次分页都只修改这五个dom元素
  4. class Flyweight{
  5.     constructor(){
  6.         this.created = [];
  7.     }
  8.     createdEle(){
  9.         let dom = document.createElement('div');
  10.         document.getElementById('xxx').appendChild(dom);
  11.         create.push(dom)
  12.         return dom
  13.     }
  15.     getEle(){
  16.         if(this.created.length < 5){
  17.             return this.createdEle()
  18.         }else{
  19.             let div = this.created.shift();
  20.             created.push(div);
  21.             return div;
  22.         }
  23.     }
  24. }
  26. function onLoadPage(page){
  27.     let flyweight = new Flyweight();
  28.     let pageData = ajax.$get({
  29.         page,
  30.         size:10
  31.     })
  33.     for( let i=0; i<pageData.length; i++ ){
  34.         flyweight.getEle().innerHTML = pageData[i] //设置数据内容
  35.     }
  36. }
  37. let page = 0;
  38. function nextPage(){
  39.     onLoadPage(page++)
  40. }

总结

优点

  • 大大减少对象的创建、降低系统的内存

    缺点

  • 增加复杂度、一个类拆成多个类