如何理解JS闭包

一、定义

只要在执行函数内访问外包作用域，即创建了闭包，如；

1. 自动形成的闭包

从上图中可知，由于func3内，访问了外部作用域的a、c、e变量，进而从左侧debug中可以看出形成了三个闭包，而b、d、f没有访问，进而没有形成闭包

2. 手动生成的闭包

var num = 10;
function add() {
    var num = 0;
    return function() {
        console.log(num++)
    }
}
var func1 = add();
var func2 = add();
func1(); // 0
func1(); // 1
func1(); // 2
func1(); // 3
func2(); // 0

二、作用

通过闭包可以让外部环境访问到函数内部的局部变量。

延长变量声明周期，让局部变量持续保存下来，不随着它的上下文环境一起销毁。

将对变量写到一个独立的空间里面，避免全局变量污染。

三、内存泄露

像上图1中这种自动形成的闭包，垃圾回收机制会进行回收

如果人为的创建的闭包，垃圾回收机制不会自动回收，需要人为的进行回收，如：将变量置为null。

四、面试真题

打印啥？

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

答案： 6、6、6、6、6

如何让打印1、2、3、4、5

答案1: 利用ES6的块级作用域，将var改为let

答案2: 利用闭包

for (var i = 1; i <= 5; i++) {
    (function (i) {
        setTimeout(function () {
            console.log(i); // 1、2、3、4、5
        }, 1000);
    })(i)
}