js闭包

先看一个闭包的实例:

     var q='';       
     function a(){
           		 var n=1;
            	q=function b(){      
	                n++;                   
	                var a = 0;      
	                a++;
	                console.log(n ,'------', a);             
          		}
      }
      a();            
      q()     //n=2       a=1        
      q()     //n=3       a=1      
      q = null  		
      q()

1. 产生闭包的前提

  • 函数嵌套

  • 在其定义的作用域外进行访问(引用)

解析 :
产生原因:由于 b 函数的索引赋值 给 了 全局q —> 产生闭包 ( b函数称为 闭包函数 )


原理:这是因为—>父函数a 执行完后 不敢释放自己的作用域 --> 防止b函数调用时 无法沿着函数作用域链往上访问数据


影响:这导致b函数 的父函数a 作用域永恒了。----和windows全局作用域一样,一直在内存中存在
除非浏览器关闭 或者 闭包函数的索引被 释放


代码解读: q函数执行时 由于闭包 会导致父函数a的作用域没有被释放 使致 n 没有被释放 不断++
而闭包函数b 执行完后 会释放掉自己的作用域 导致每次q函数执行时变量a始终为1
q=null —> 作用:释放掉闭包函数b的作用域链

2. 闭包的影响

  • 性能

由于闭包阻止了垃圾回收机制对变量进行回收,因此变量会永远存在内存中,即使当变量不再被使用时,这样会造成内存泄漏,会严重影响页面的性能。因此当变量对象不再适用时,我们要将其释放。

  • 应用

1、读取函数内部的变量

2、让变量的值始终保持在内存中,不会被自动清除。
3、方便调用上下文的局部变量。利于代码封装。

  • 应用场景

setTimeout:

     for (var i = 0; i < 5; i++) {
        setTimeout(function() {
            console.log(i);
        }, 1000 * i)
    }						// 五个5
    

闭包优化:

   for (var i = 0; i < 5; i++) {
            !function(j){
                  setTimeout(function(){
                        console.log(j);
                    }, 1000 * j)
              }(i)
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值