先看一个闭包的实例:
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) }