一、闭包的概念

1、闭包是什么

• ECMAScript中，闭包（Closure）是指能够访问自由变量的函数。

自由变量是指在函数中使用的，但既不是函数参数也不是函数的局部变量的变量

• 是基于词法作用域书写代码所产生的自然结果

  词法作用域：就是写代码时的变量和作用域

  词法作用域：根据源代码中声明变量的位置来确定该变量在何处可用。

例子

let a = 1;
function foo() {
  console.log(a);
}
foo();
// a既不是函数参数也不是函数的局部变量的变量

2、闭包怎么产生的（通俗来说）

• 函数内部访问外部作用域的变量就会产生闭包

闭包的作用

• 正常情况下我们无法在外面访问到num这个变量。但通过闭包我们就可以让fn 外面的作用域访问fn内部的局部变量。

function fn() {
    var num = 10;
    function fun() {
        console.log(num);
    }
    return fun;//将fun函数当返回值返回
}
var f =fn();//接受这个返回值

// 类似于（注意是类似）
//类似于
var f = function() {
        console.log(num);
}
f();

• 主要作用：延伸了变量的作用范围。

闭包的优缺点

优点

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

缺点

1. 被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄漏，

   解决方法：可以在使用完变量后手动为它赋值为null。

2. 其次由于闭包涉及跨域访问，所以会导致性能损失，

   解决方法：我们可以通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响。

总的来说

闭包：函数内部包裹函数，作用域链得不到释放，造成消耗内存。

闭包解决的问题

for (var i = 0; i < 5; i++) {
    (function (i) {
        setTimeout(() => {
            console.log(i)
        }, 0)
    }
    )(i)
}

使用了自执行函数，原本在setimeout里的 i 会因为被执行函数当作参数引用着， 所以不会被回收，会一直保留在setimeout里，每个setimeout里都会有各自的i，所以会正常输出0，1，2，3，4