JS闭包的应用

闭包的概念

闭包是可以读取其他函数内部变量的函数

js中的闭包

在js中，有什么方法可以让一个函数访问到另一个函数中的局部变量呢？答案是嵌套函数。

js中的作用域为静态作用域（词法作用域），而非动态作用域，这意味着，js中的作用域不是在代码执行时才生成的，而是在我们写静态代码时就确定好的。

let a = 10;
function f1(){
	let a = 9;
	f2();
}

function f2(){
	console.log(a);
}

f1();
// 结果输出为 10

上面代码中的f2中未定义a，因此通过作用域链，去查找a，因为js采用的是词法作用域，因此我们看的是f2函数被定义在哪里，而不是f2函数在哪里执行。因为f2函数的父级作用域，由此最后的输出为10，而不是9.

通过作用域链，从而嵌套函数可以访问到其祖先作用域中的所有局部变量，由此嵌套函数形成一个闭包

闭包的缓存作用

 let btn = document.querySelector('button');
        var num1 = 0;
        function f1() {
            var num2 = 0;
            return function f2() {
                var num3 = 0;
                console.log('num1', num1++);
                console.log('num2', num2++);
                console.log('num3', num3++);
            }
        }
        btn.onclick = f1();

对按钮点击3次后的控制台输出：

num1 0
num2 0
num3 0
num1 1
num2 1
num3 0
num1 2
num2 2
num3 0

理解：闭包函数对于未在自己作用域中的变量，通过访问其他函数得到的变量（num1，num2）会专门缓存,这就好比是java中方法改变对象中的私有属性，通过调用闭包函数，可以修改num1和num2这两个私有属性。而闭包函数自己本身作用域定义的num3则没有改功能。