JS闭包详解

一；闭包概念

闭包：一个函数和它的周围状态的引用捆绑在一起的组合。

二；闭包主要作用

创建私有变量，只能在当前作用域访问和改变，防止外部改变该变量。

三；闭包的主要形式

1.函数作为返回值

// 1.函数作为返回值
        function test() {
            const a = 1;
            return function () {
                console.log('a', a);
            }
        }
        const fn = test();
        const a = 2;
        fn();

调用 fn 函数的打印值为 a 1 打印的是函数定义时所在作用域中变量 a 的值，即自由变量 a 是在函数定义的地方进行变量查找，而不是函数执行的地方查找。

通过函数作为返回值的形式，在全局变量中访问到了函数内部的变量，构成了闭包。

2.函数作为参数

// 2.函数作为参数
function test(fn) {
    const a = 1;
    fn();
}
const a = 2;
function fn() {
    console.log('a', a);
}
test(fn);

通过调用 test 函数 打印结果： a 2 ；

闭包体现：定义函数fn时，与周围环境 a = 2 进行绑定。