JavaScript 闭包理解

JavaScript 闭包理解闭包就是能够读取其他函数内部变量的函数 因为 JS 中 只有函数内部的子函数才能读取局部变量 因此闭包的本质 就是在一个函数内部创建一个函数 创建的函数可以访问到当前函数的局部变量 1 闭包的特点 1 函数嵌套函数 2 函数内部可以引用函数外部的参数和变量 3 参数和变量不会被垃圾回收机制回收 2 闭包的用途 1 通过在外部调用闭包函数 可以在函数外部访问到函数内部的变量 2 使已经运行结束的函数上下文中的变量对象继续留在内存中 因为闭包函数保留了这个变量对象的引用 所以这个变量对象不会被回收以下是两

闭包就是能够读取其他函数内部变量的函数,因为 JS 中,只有函数内部的子函数才能读取局部变量,因此闭包的本质:就是在一个函数内部创建一个函数,创建的函数可以访问到当前函数的局部变量

1、闭包的特点:

1、函数嵌套函数

2、函数内部可以引用函数外部的参数和变量

3、参数和变量不会被垃圾回收机制回收

2、闭包的用途:

1、通过在外部调用闭包函数,可以在函数外部访问到函数内部的变量

2、使已经运行结束的函数上下文中的变量对象继续留在内存中,因为闭包函数保留了这个变量对象的引用,所以这个变量对象不会被回收

以下是两个代码例子(方便理解)

function fn(){ 
    var num = 1; return function(){ 
    return num; } } var fn1 = fn(); console.log(fn1());//1 

以上代码中,fn()中的返回值是一个匿名函数,这个函数在fn()作用域中,使用它可以访问到fn()作用域下变量num的值,然后将这个值作为返回值赋给全局变量fn1,这样就实现了在函数外部访问函数内部的变量

function fn(){ 
    var num = 1; return function(){ 
    var n = 0; console.log(++n); console.log(++num); } } var fn1 = fn(); fn1();// 1 2 fn1();// 1 3 fn1();// 1 4 

以上代码中,fn()中的返回值是一个匿名函数,这个匿名函数被赋给了fn1,因为当一个函数执行结束后,函数和它里面的变量都会被摧毁掉。而匿名函数中访问了fn()里的变量num,所以变量num不会被销毁,而fn1()执行结束后,fn1()和里面的变量n都会被销毁,只剩下变量num留在内存中,这就实现了在函数执行结束后,使变量继续保留在内存中。

3、循环使用闭包解决var定义函数的问题(面试题)

//每隔1s输出一个i for (var i = 1 ; i <= 5 ; i++) { 
    (function(i){ 
    setTimeout(function timer(){ 
    console.log(i); },1000*i) })(i) } //输出 1 2 3 4 5  //同时输出1 2 3 4 5 for (var i = 1 ; i <= 5 ; i++) { 
    (function(i){ 
    setTimeout(function timer(){ 
    console.log(i); },1000) })(i) } //输出 1 2 3 4 5  

4、闭包优点

①保护函数内的变量安全 ,实现封装,防止变量流入其他环境发生命名冲突

②在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)

③匿名自执行函数可以减少内存消耗

5、闭包缺点

①被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏,解决方法是可以在使用完变量后手动为它赋值为null;

②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响

参考文章:JS中的闭包

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/206323.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午3:58
下一篇 2026年3月19日 下午3:58


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号