// 假如： 
        // 项目需求是 ： 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遍；