闭包3

function myTool() {
    // 1. 私有的数据
    var money = 1000;

    //  2. 提供操作私有变量的函数
    function get() {
        money *= 10;
        console.log(money);
    }

    function send() {
        money--;
        console.log(money);
    }

    return {
        'get': get,
        'send': send
    };

}

<script src="js/MyTool.js"></script>
<script>
    var tool = myTool();
    tool.get();
    tool.send();
</script>

(function (w) {
    // 1. 私有的数据
    var money = 1000;

    //  2. 提供操作私有变量的函数
    function get() {
        money *= 10;
        console.log(money);
    }

    function send() {
        money--;
        console.log(money);
    }

    w.myTool = {
        'get': get,
        'send': send
    };
})(window);

高级排他

<script>
    window.onload = function () {
        var allLis = document.getElementsByTagName('li');
        // 记录移动前选中的里索引
        var preSelectedIndex = 0;
        for(var i=0; i<allLis.length; i++){
            var li = allLis[i];
            (function (i) {
                li.onmouseover = function () {
                    // 清除之前的样式
                    allLis[preSelectedIndex].className = '';
                    // 设置样式
                    this.className = 'current';
                    // 更新
                    preSelectedIndex = i;
                }
            })(i);
        }
    }
</script>

函数节流

<script>
    /*
    var timer = null;
    window.onresize = function (ev) {
        clearTimeout(timer);
        timer = setTimeout(function () {
            console.log('大家好！');
        }, 200);
    };
    */

   function throttle(fn, delay) {
       var timer = null;
       return function () {
           clearTimeout(timer);
           timer = setTimeout(fn, delay)
       }
   }

    window.onresize = throttle(function () {
        console.log('大家好！');
    }, 200);

    window.onscroll = throttle(function () {
        console.log('大家好!!!!!!!！');
    }, 200);
</script>

<script>
    function fn1() {
        var arr = new Array(99999);
        function fn2() {
          console.log(arr);
        }
        return fn2;
    }

    var f = fn1();
    f();

    f = null;
</script>

内存泄漏

   // 内存溢出
    /*var arrObj = {};
    for (var i = 0; i < 100000000; i++) {
        arrObj[i] = new Array(99999999);
        console.log(arrObj);
    }*/

 // 内存泄漏
   /* var num = new Array(9999999);
    console.log(num);
    num = null;*/

占用内存很大的全局变量，使用完就置为Null

内存泄漏
// 定时器
  /*  setInterval(function () {
        console.log('----------------------');
    }, 1000);*/