js 闭包

什么是闭包？
所谓闭包，就是可以访问函数内部变量的函数。

在JS中，函数内部是一个独立封闭的作用域，函数可以访问全局变量，但外部并不能访问函数内部的变量和方法。

var a = 1

function fn () {
  var b = 2
  console.log(a)
}

fn()   // 1
console.log(b)  // error, b is not defined

闭包主要有两个特性：
1、读取函数内部的变量；
2、被闭包引用的变量会一直存在内存中，函数调用后不会被清除。

function fn () {
    var a = 1;
    function getA () {
        return a++
    }
    
    return getA;
}

const sum = fn()
sum()   // 1
sum()   // 2
sum()   // 3

上面这个例子就可以说明闭包的特性了。a 被外部访问到，并一直存于内存中，由1到2再到3。

值得一提的是闭包可以解决一道经典面试题：

for (var i = 0; i < 3; i++) {
    setTimeout(() => console.log(i))
}
// 结果： 3 3 3

在执行 for 循环中，每一次都将一个 setTimeout 打入队列中。等到同步代码执行完毕，开始执行队列的setTimeout，因为 i 已经为3，所以结果就是打印3个3。

那用闭包怎么解决呢？在执行 for 循环中，每次创建一个作用域，将 i 保存在里面并被闭包使用：

for (var i = 0; i < 3; i++) {
    (function (j) {
      setTimeout(() => console.log(j))
    })(i)
}
// 结果： 0 1 2