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

大家好，欢迎来到IT知识分享网。

闭包

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

关于变量的作用域

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函数就是闭包。换句话讲：闭包就是 可以访问到其他函数内部的变量 的函数

往期精彩文章

• leetcode-js刷题记录&数据结构
• docker下YApi部署教程-支持swagger数据导入
• 使用Object.defineProperty进行数据劫持,实现响应式原理-剖析vue2.0
• 前端性能优化之rel=“prefetch“预/懒加载功能
• 前端唤起相机的方法H5+JS