javascript的闭包讨论

闭包

概念：
1、闭包就是一个函数引用另外一个函数的变量，  
2、即有权访问另一个函数作用域内变量的函数都是闭包。  
3、关键还是在于函数执行时定义环境，而不是函数运行时环境。  
    所以：这就是所谓的函数+上下文共同组成闭包。
    在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁
4、函数中的变量被引用时，不会被回收，可以用来封装一个私有变量。  
这是优点也是缺点，不必要的闭包，那么内部函数变量会被外部引用，
占用内存消耗！所以在使用闭包要注意变量的值是否  
符合你的要求，因为他就像一个静态私有变量一样。  

    function a() {
        var i = 0;
        function b() {
            console.log(i--);
        }
        function c() {
            console.log(i++)
        }

        return [b, c]
    }
    var m = a();
    m[0](); //0
    m[0](); // -1
    m[0](); // -2
    m[1](); // -3
    m[1](); // -2
    m[1](); // -1
    如果说闭包心得的话：
    一般而言，闭包的的内部函数只是被声明了，但是还没有调用执行，所以，才会出现，闭包函数最后执行的结果。
    例子：经典考题：
    for (var i = 1; i <= 5; i++) {
      setTimeout( function timer() {
          console.log(i);
      }, 1000 );
    }

    答案是：  1s以后同时输出5个6
        setTimeout中的回调函数，只是声明了一个timer函数，  
        但是并没有调用执行。
    所以其实执行过程：
        每一次循环其实都是声明了一个定时器函数，5次循环以后就有5个定时器了。  
        但这是外层函数中的变量引用了定时器中的回调，i的值，就是最后执行的结  
        果，进行运算，就对了
    那么怎么样才能输出1、2、3、4、5呢？
        每一次循环完毕的时候立即执行一下定时器的回调
    for (var i = 1; i <= 5; i++) {
        (function(i){
            setTimeout( function timer() {
                  console.log(i);
              },  1000 );
        })(i);
    }
    for (let i = 1; i <= 5; i++) {
      setTimeout( function timer() {
          console.log(i);
      }, 1000 );
    }

闭包的用途和注意事项

1. 外包函数读取内部函数的变量，这里涉及到函数的作用域链
2. 引用内部变量，可以不被回收，保存在内存中，一般而言：在函数调用完毕以后，变量就被自动清除了，但由于内部函数一直在内存中，函数的依赖关系，所以外部函数并没有在调用结束后被垃圾回收机制回收
3. 滥用闭包，会导致，在函数引用另外一个函数变量的时候，会使得二个函数的变量都保存在内存中，造成页面性能问题，严重的话会导致内存泄漏，
4. 虽然js编程，有垃圾回收机制，但是一般函数销毁后，将不使用的局部变量销毁掉，现在的组件卸载，同时也要注意，移除事件绑定，事件监听，以及移除组件内部的定时器等。
5. 5.