关于Javascript中闭包的简单总结

    //闭包
    /**
     * 闭包的概念：函数B可以访问函数A中定义的变量或者是数据，此时就形成了闭包
     * 闭包的作用：缓存数据，延长作用域链
     * 闭包的模式：函数的闭包，对象的闭包
     * 闭包的优点和缺点：缓存数据，内存泄露
     * 闭包的应用
     *
     *
     *
     * */
//预热：
    function f1() {
        var num = 100;
        function f2() {
            num++;
            console.log(num);
        }
        f2();
    }
    f1();//101
    f1();//101
    f1();//101

    function f1() {
        var num = 100;
        return function () {
            num++;
            console.log(num)
        }
    }
    var ff = f1();
    ff()//101
    ff()//102
    ff()//103






//案例：
    //函数模式的闭包
   function f1() {
       var num = 10
       function f2() {
           console.log(num)
       }
       f2()
   }
   f1();//10


    //对象模式的闭包
   function f2() {
       var num = 10;
       var obj = {
           age:num
       }

       console.log(obj.age);
   }
   f2();//10


    //闭包产生相同的随机数
    function showRandom(){
        var a = parseInt(Math.random()*10+1);
        console.log('随机数',a)
        return a;
    }
    showRandom();
    showRandom();
    showRandom();

    function f1() {
        var random = showRandom();//变量random会被缓存
        return function () {
            console.log(random)
        }
    }

    var ff = f1();
    ff()
    ff()
    ff()
    //总结：如果要缓存数据，就把这个数据放在外层的函数和里层的函数的中间位置
    //闭包的作用：优点：缓存数据，缺点：没有及时的释放
    //局部变量是在函数中，函数使用结束后，局部变量就会被自动的释放
    //闭包后，里面的局部变量的使用作用域链就会被延长

    //利用闭包实现点赞数据缓存
    var btns = document.getElementsByTagName('input');
    function getValue() {
        var val = 2; //闭包缓存的数据
        return function () {
            //每一次点击，改变当前点击按钮的值
            this.value = "点赞 ("+(val++)+ ")";
        }
    }
    for(var i = 0 ; i < btns.length;i++){
        btns[i].onclick = getValue();
    }