JavaScript的闭包概念及使用

一、什么是闭包?
“官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
其实这句话通俗的来说就是:JavaScript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”。

[b]JavaScript中所有的function都是一个闭包[/b]。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”。

简单理解:闭包就是能够读取其他函数内部变量的函数。由于在JavaScript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。所以,闭包就是将函数内部和函数外部连接起来的一座桥梁。


function fnA() {
var i = 0;
function a() {
alert(++i);
}

return a;
}

var b = fnA();
alert(b); //弹出fnA类的a函数体
b(); //弹出i的值 1
b(); //弹出i的值 2


二、闭包有什么作用和效果?
简而言之,闭包的作用就是在fnA执行完并返回后,闭包使得JavaScript的垃圾回收机制GC不会收回fnA所占用的资源,因为fnA的内部函数b的执行需要依赖fnA中的变量。这是对闭包作用的非常直白的描述,不专业也不严谨,但大概意思就是这样,理解闭包需要循序渐进的过程。
在上面的例子中,由于闭包的存在使得函数返回后,fnA中的i始终存在,这样每次执行b(),i都是自加1后alert出i的值。

那么我们来想象另一种情况,如果fnA返回的不是函数a,情况就完全不同了。因为fnA执行完后,a没有被返回给fnA的外界,只是被fnA所引用,而此时fnA也只会被a引用,因此函数fnA和a互相引用但又不被外界打扰(被外界引用),函数fnA和a就会被GC回收。

三、闭包的微观世界
如果要更加深入的了解闭包以及函数fnA和嵌套函数b的关系,我们需要引入另外几个概念:函数的[b]执行环境(excution context)[/b]、[b]活动对象(call object)[/b]、[b]作用域(scope)[/b]、[b]作用域链(scope chain)[/b]。以函数fnA从定义到执行的过程为例阐述这几个概念。

当定义函数fnA的时候,JScript解释器会将函数fnA的作用域链(scope chain)设置为[color=red]定义fnA时fnA所在的“环境”[/color],如果fnA是一个全局函数,则scope chain中只有window对象。
当执行函数fnA的时候,fnA会进入相应的执行环境(excution context)。
在创建执行环境的过程中,首先会为fnA添加一个scope属性,即fnA的作用域,其值就为第1步中的scope chain。即fnA.scope=fnA的作用域链。
然后执行环境会创建一个活动对象(call object)。活动对象也是一个拥有属性的对象,但它不具有原型而且不能通过JavaScript代码直接访问。创建完活动对象后,把活动对象添加到fnA的作用域链的最顶端。此时fnA的作用域链包含了两个对象:fnA的活动对象和window对象。
下一步是在活动对象上添加一个arguments属性,它保存着调用函数fnA时所传递的参数。
最后把所有函数fnA的形参和内部的函数a的引用也添加到fnA的活动对象上。在这一步中,完成了函数a的的定义,因此如同第3步,函数a的作用域链被设置为a所被定义的环境,即fnA的作用域。
到此,整个函数fnA从定义到执行的步骤就完成了。此时fnA返回函数a的引用给b,又函数a的作用域链包含了对函数fnA的活动对象的引用,也就是说a可以访问到fnA中定义的所有变量和函数。函数a被b引用,函数a又依赖函数fnA,因此函数fnA在返回后不会被GC回收。

四、闭包的应用场景
[color=red]保护函数内的变量安全。以最开始的例子为例,函数fnA中i只有函数a才能访问,而无法通过其他途径访问到,因此保护了i的安全性。 [/color]
[color=red]在内存中维持一个变量。依然如前例,由于闭包,函数fnA中i的一直存在于内存中,因此每次执行b(),都会给i自加1。[/color]

五、使用闭包的注意点
1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便
改变父函数内部变量的值。

六、JavaScript的垃圾回收机制
在JavaScript中,如果一个对象不再被引用,那么这个对象就会被GC回收。如果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。因为函数fnA被a引用,a又被fnA外的b引用,这就是为什么函数fnA执行后不会被回收的原因。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值