js 闭包问题整理

闭包作为js的三座大山，基本上是前端面试都会问到的问题，下面是我看了许多闭包相关的文章加自己的实践总结出来的内容，如有不对，欢迎指正。

闭包的简介：

闭包就是能够读取其他函数内部变量的函数。只有函数内部的子函数才能读取局部变量，在本质上，闭包是函数内部和函数外部连接起来的桥梁。

 

当函数可以记住并访问所在词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。 - - 出自《你不知道的JavaScript（上卷）》

 

闭包的定义：

如果在一个内部函数里，对在外部作用域(但不是全局作用域)的变量进行引用，那么内部函数就被认为是闭包(closure)。

 

闭包的特点：

1. 可以读取自身函数外部的变量(沿着作用域链寻找)先从自身开始查找，如果自身没有才会继续往上级查找，自身如果拥有将直接调用。(哪个离的最近就用哪一个)
2. 延长内部变量的生命周期
3. 函数b嵌套在函数a内部
4. 函数a返回函数b

闭包的作用：

在函数a执行完并返回后，闭包使得JavaScript的垃圾回收机制不会收回a所占用的资源，因为a的内部函数b的执行需要依赖a中的变量，闭包需要循序渐进的过程。

 

闭包的构成：

闭包由俩个部分构成：

1. 函数
2. 以及创建该函数的环境

应用场景：

保护函数内的变量安全。函数a中只有函数b才能访问，而无法通过其他途径访问到，因此保护了i的安全性。

在内存中维持一个变量

了解JAVA的同学肯定知道JAVA是有私有方法的。私有方法只能被一个类中的其他方法所调用，但是JavaScript并没有，所以就需要用闭包来模拟。

私有方法有利于限制对代码的访问，可以避免非核心的方法干扰代码的公共接口，减少全局污染。

 

demo：

 

var test = (function() {

     var a = 1;

     function add(val){

           a += val;

     }

     return {

           add1() {

                add(1);

           },

           add2() {

                add(2);

           },

           result() {

                return a;

           }

     }

})();

 

拓展：

回收机制：

在JavaScript中，如果一个对象不再被引用，那么这个对象就会被GC回收。如果俩个对象互相引用，而不再被第3者所引用，那么这俩个互相引用的对象也会被回收。因为函数a被b引用，b又被a外的c引用，这就是为什么函数a执行后不会被回收的原因。

 

简单demo：

var num = 6;

function outer() {

     var num = 1;

     function inner() {

           var n = 2;

           alert(n + num);

     }

     return inner

}

const test = outer();

test();

 

结果与我们想的一样，是3。

 

闭包的缺点：

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

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

 

好处

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

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

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