JS-浅谈JS闭包问题

闭包 是是一保护私有变量的机制，在函数执行时形成私有作用域，保护里面的私有变量不受外界干扰，直观的说就是形成不销毁的栈。

Q1: 什么是闭包？

闭包就是能够读取其他函数内部变量 (自由变量) 的函数。
或者指能被访问的自由变量的函数。

Q2: 什么是自由变量？

在函数内部被使用，既不是函数的参数，也不是在函数内部的局部变量的变量。

由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。
所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

function foo() {
  var count = 0;  // count 是自由变量
  return function bar() {
     console.log(++count);
  }
}
var bar = foo();
bar();  // 1
bar();  // 2
bar();  // 3
// foo() 执行完毕之后， 上下文销毁后，count 变量依然存在。

闭包的特点

1. 函数嵌套函数
2. 函数内部可以引用外部的变量和参数
3. 参数和变量不会被垃圾回收机制回收

用途
闭包可以用在许多地方。它的最大用处有两个：

• 实现变量的私有化， 防止全局变量的污染。
• 让这些变量的值始终保持在内存中。
• 外部可以访问函数内部的变量。

注意点

1）由于闭包会使得函数中的变量都被保存在内存中，函数不释放自由变量(自由变量在浏览器被关闭的时才释放), 所以导致内存消耗很大，可能导致内存泄露。

2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

解决方案

方案一：标记清除法， 实现零引用。

xxx = null; 

方案二： 立即执行函数。
特点： 实则是匿名函数，没有函数声明提升， 没有被其他变量引用。
使用立即执行函数 解决闭包内存泄漏的问题
立即执行函数， 在浏览器加载时候执行：
执行是创建变量。并赋值， 虽然 内部也是是闭包。
执行完毕之后， 变量会销毁 res,a,b,c 销毁
所以，解决了内存泄漏， 没有全局变量污染。

(function () {
     var a = 0;
     function bar() {
     console.log(++a);
     }
     bar();
     bar();
})();

拓展
学习过ES6会发现，使用块级作用域逐渐替代立即执行函数。
因为let声明的变量只能在作用域内有效。

{
  function bar() {
    let a = 0;
    console.log(++a);
  }
  bar();
  bar();
}