带你了解JavaScript中的闭包

2012-08-02

带你理解JavaScript中的闭包最近在看JavaScript，看到面向对象部分的适合，一个名词出现在我的面前，把我着实

带你理解JavaScript中的闭包

最近在看JavaScript，看到面向对象部分的适合，一个名词出现在我的面前，把我着实迷糊了一点时间，它的名字就是闭包。

首先说一下他的官方语言：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。反正我看这个是不太看的明白的，就好像你对一个完全不懂数学的人，用集合的方式和他说三范式他也会不懂一样，很苦涩，而且也很难想象。

我查了一下，闭包的应用大概有两点：

1、保护函数内的变量安全。

2、在内存中维持一个变量.

下面，先看一下怎样就算创建了一个闭包：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>闭包测试</title><script language="javascript" type="text/javascript">function newInit(){for(var i=1;i<=3;i++){var anchor=document.getElementById("anchor"+i);registerListener(anchor,i);}}function registerListener(anchor,i){anchor.onclick=function(){alert(i);}}window.onload=newInit;</script></head><body><a id="anchor1" href="#">abc</a><br /><a id="anchor2" href="#">abc</a><br /><a id="anchor3" href="#">abc</a><br /></body></html>

不知道大家到底有没有发现里面的闭包，下面我给大家点一下。newInit其实相当于a，registerListener相当于b，onload相当于c，二在registerListener这个函数中，registerListener相当于a，onclick相当于b，在newInit中的registerListener调用又相当于了c。说的有点绕，关于闭包，还是需要大家用一点心情慢慢理解一下的。

相信看了我这篇文章后，你对闭包应该会有一个表面的认识了，再深层的，就需要去了解他的回收机制了，这篇文章适合刚刚接触JavaScript的人看，同时欢迎大虾指教。

热点排行