JS中的闭包

闭包就是玩弄作用域与内存的把戏

啥样的？

　　1.是函数嵌套

　　2.函数内部可以访问外部的函数和变量

　　3.参数和变量不会被垃圾回收机制回收

 

可用做啥？

　　1.存储变化的不同状态下的值

function outer() {
      var result = []
      for (var i = 0;i<10;i++){
        result[i] = function () {
            console.info(i)
        }
     }
     return result
}
// 正常则无法达到目的，因为i为上层数据，循环结束后i已经循环到10

//使用闭包
function outer() {
      var result = []
      for (var i = 0; i<10;i++){
        result[i] = (function (num) {
             return function() {
                   console.info(num);   
             }
        })(i)
     }
     return result
}
// 此时访问的num，是上层函数执行环境的num，数组有10个函数对象，引用了不同的地址，
每个对象的执行环境下的number都不一样

 

 

　

　2.块级作用域

　　　　为了不导致该作用域下的变量不会被调用且污染，（在var下），可以使用闭包解决，模仿块级作用域，随着闭包程序的退出，其变量也被随之回收　　　

for(var i=0;i<10; i++){
    console.info(i)
}
alert(i)  // 变量提升，弹出10

//为了避免i的提升可以这样做
(function () {
    for(var i=0; i<10;i++){
         console.info(i)
    }
})()
alert(i)   // underfined   因为i随着函数的退出，执行环境销毁，变量回收

 

注意  如果闭包中使用了this，则需要注意，在哪里执行就用的哪里的作用域，this就指向谁

 

好处

 

①保护函数内的变量安全 ，实现封装，防止变量流入其他环境发生命名冲突

 

②在内存中维持一个变量，可以做缓存（但使用多了同时也是一项缺点，消耗内存）

 

③匿名自执行函数可以减少内存消耗

 

坏处

 

①其中一点上面已经有体现了，就是被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变量后手动为它赋值为null；

 

②其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响