带你深入理解什么叫js闭包

闭包

用一句话总结：闭包就是作用域的延伸
解释：函数内部的作用域属于局部作用域，导致只有函数内部才可以访问声明的变量。而闭包可以将局部作用域延伸，使其在函数外部也可以访问内部声明的变量等。

关于变量的作用域

js变量的作用域无非就两种 局部变量和全局变量

JavaScript在函数内部可以访问全局变量

var n = 0;//全局变量
function f1() {
     
    console.log(n)//0
}

f1();

而在函数内部声明的局部变量，外部无法直接访问

function f1(){
     
    var n=0;//局部变量 
 	//需要注意的是一定要使用var关键字声明才会是局部变量
 	//若直接 n=0; n则是一个全局变量，外部可以访问
}
console.log(n)//n is not defined

此时思考一个问题,怎么样才能在外部访问函数内部的局部变量？？

此时闭包的作用就体现出来了，看下方例子

function f1() {
     
    var n = 0;
    // 此时f2函数就是闭包
    function f2() {
     
        return n
    }
    return f2()
}
let n1 = f1();
console.log(n1)//0

解释：f1是f2的父级，所以在f2中可以访问f1中的局部变量，那么转换一下思路，通过 f2函数 将变量return出来，这样不就可以在f1函数的外部访问内部变量了吗

f2函数起到一个中间连接作用，在上面代码中f2函数就是闭包。换句话讲：闭包就是 可以访问到其他函数内部的变量 的函数