美文网首页
享元模式

享元模式

作者: 第三人称i | 来源:发表于2018-12-01 13:29 被阅读0次
            // 假如: 
            // 项目需求是 : js动态添加 100个div!
            // 首先创建一个工厂:
            function Boxs (i){
                var divs = document.createElement('div');
                divs.className = "boxs";
                divs.innerHTML = i;
                document.body.appendChild(divs);
            }
            // 循环创建出 100个div  也就是创建了 100个对象
            // 如果项目需求改为 10000个div呢? 性能方面我们就要考虑一下了。
            for(let i = 0; i < 100; i++){
                new Boxs(i);
            }
            // 创建一个 工厂
            function Boxs2(){}
            // 给工厂的原型链添加方法
            Boxs2.prototype.show = function(){
                var divs = document.createElement('div');
                divs.className = "boxs2";
                divs.innerHTML = this.i;
                document.body.appendChild(divs);
            }
            // 实例化出 这个对象
            var a = new Boxs2();
            // 循环执行 这个 a对象里面的 shou方法 执行 1000遍
            for(var i = 0; i< 1000; i++){
                a.i = i;
                a.show();
            }
            // 分析:  第一个 是 循环创建 100个 对象
            // 第二个是  循环 执行 1个对象里面的shou方法 执行 1000遍;
    

    相关文章

      网友评论

          本文标题:享元模式

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