js闭包函数

一.闭包的概念

指有权访问另一个函数作用域中的变量的函数，一般情况就是在一个函数中包含另一个函数。

二.闭包的作用

访问函数内部变量、保持函数在环境中一直存在，不会被垃圾回收机制处理；简单地说：就是在函数的局部范围内声明一个封闭的环境，此环境不会被垃圾回收探测到。保证了数据的安全唯一性。

三.如下代码一步步演变，知道什么是闭包，闭包怎么用？以及优缺点?

1.想了解闭包，首先要了解什么是全局变量，什么是局部变量。

<script>  a = 10; // 全局变量，声明的时候可以不使用var function test(){ var c = 30; // 用var声明，并且在函数的内部。这样的变量叫做局部变量，有效范围只能在其声明的函数内部 console.log(c);//30 }   function test2(){ console.log(c); //c is not defined (c变量没有定义) } test(); test2();     </script>

2.如果一个需求是统计方法执行了多少次?

<script>  var count = 0; // 总次数 function test1(){ count++; // 自增+1 } test1(); test1(); test1(); console.log( count );   </script>

结论:谁都可以访问count，所以count变量并不安全，因为是全局变量。

3.如何才能安全呢？将count声明为局部变量。

<script>  function test1(){ var count = 0; //局部变量 return count++; //外部无法访问count，只能通过return才能将count变量返回，并输 出 } test1(); test1(); test1(); console.log( test1() ); // 每次调用方法，首先就是将变量还原为0   </script>

结论:结果一直是0，因为每次调用test1()，方法体的第一句代码就是还原，无论曾经的值是多少。

4. 突发奇想，如果在test1()函数里面，再嵌套一个函数，js是支持函数嵌套的。

<script>  function test1(){ var count = 0; //局部变量 function jia(){ return count++; } jia(); return count; } test1(); test1(); test1(); console.log( test1() ); // 每次调用方法首先就是将变量count还原为0,然后count++   </script>

5.如果每次只调用test1()里面的jia()就好了。ok，闭包帮你解决此问题！

<script>    function test1(){ var count = 0; //局部变量 function jia(){ return count+=1; } return jia; } var fn = test1(); // fn => function jia(){return count+=1; } fn(); fn(); console.log( fn() ); // 3     </script>

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

闭包的优点： 方便调用上下文中声明的局部变量 逻辑紧密，可以在一个函数中再创建个函数，避 免了传参的问题 。

闭包的缺点： 因为使用闭包，可以使函数在执行完后不被销毁，保留在内存中，如果大量使用闭 包就会造 成内存泄露，内存消耗很大。