闭包函数的本质
在js作用域环境中访问变量的权利是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量,反之则不能,也就是说在外层作用域下无法获取内层作用域下的变量,同样在不同的函数作用域中也是不能相互访问彼此变量的,那么我们想在一个函数内部也有限权访问另一个函数内部的变量该怎么办呢?闭包就是用来解决这一需求的,闭包的本质就是在一个函数内部创建另一个函数
三个特性
1. 函数嵌套函数
2. 函数内部可以引用函数外部的参数和变量
3. 参数和变量不会被垃圾回收机制回收
闭包函数的好处
1. 保护函数内的变量安全 ,实现封装,防止变量流入其他环境发生命名冲突
2. 在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)
3. 匿名自执行函数可以减少内存消耗
闭包函数的坏处
1. 其中一点上面已经有体现了,就是被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏,解决方法是可以在使用完变量后手动为它赋值为null
2. 其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响
用法
1函数作为返回值
function aa(){
var name = '张三';
return function(){
return name;
}
}
var a = aa()
aa()中的返回值是一个匿名函数,这个函数在aa()作用域内部,
所以它可以获取aa()作用域下变量name的值,将这个值作为返回值赋给全局作用域下的变量a,实现了在全局变量下获取到局部变量中的变量的值
2 内存消耗问题
function function(){
var a = 1
return function(){
var b=0;
console.log(++b)
console.log(++a)
}
}
var fun1 = function()
fun1() //1 4
fun1() //1 5
一般情况下,在函数function执行完后,就应该连同它里面的变量一同被销毁,但是在这个例子中,匿名函数作为fun的返回值被赋值给了fun1,这时候相当于fun1=function(){var b = 0 … },并且匿名函数内部引用着function里的变量a,所以变量a无法被销毁,而变量b是每次被调用时新创建的,所以每次fun1执行完后它就把属于自己的变量连同自己一起销毁,于是乎最后就剩下孤零零的a,于是这里就产生了内存消耗的问题
3 定时器闭包
for(var i=0; i<6; ++i){
(function (i){
setTimeout(function(){
console.log(i + " ");
},1000);
}(i));
}
// undefined 0 1 2 3 4 5
4.闭包作为参数传递
var num = 15
var fn1 = function(x){
if(x > num){
console.log(x)
}
}
void function(fn2){
var num = 100
fn2(30)
}(fn1)
30
函数fn1作为参数传入立即执行函数中,在执行到fn2(30)的时候,30作为参数传入fn1中,这时候if(x>num)中的num取的并不是立即执行函数中的num,而是取创建函数的作用域中的num这里函数创建的作用域是全局作用域下,所以num取的是全局作用域中的值15,即30>15,打印30