手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >简短几句 通俗解释javascript的闭包
简短几句 通俗解释javascript的闭包
摘要:何谓没有被释放资源的栈区和预执行的过程,用一个最常见的示例来解释:比方现在我们有一个ul,下面有很多个li,需要遍历他们为他们绑定单击事件,...

何谓没有被释放资源的栈区和预执行的过程,用一个最常见的示例来解释:

比方现在我们有一个ul,下面有很多个li,需要遍历他们为他们绑定单击事件,并在点击后将当前下标传递给另外一个function来进行额外的处理:

复制代码 代码如下:

for(var i=0; i<agroup.length; i++) {

agroup[i].onclick = function() {

handler(i);

}

}

执行结果显而易见对吧?在handler中,获取传递过去的参数i,你看到的将全部是最大的下标,这个时候,我们通常用下面的办法解决:

复制代码 代码如下:

for(var i=0; i<agroup.length; i++) {

agroup[i].i = i

agroup[i].onclick = function() {

handler(this.i);

}

}

那么在这里,先讲一下this的指向问题,从通常来说,javascript中的this是指向当前引用他的对象的。上面我们相当为this新增了一个为i的属性,他的值就是当前的下标值。

那么用闭包的方式如何解决这个问题?其实原理相同,我们需要预先的把i值保存起来,或叫作传递:

复制代码 代码如下:

for(var i=0; i<agroup.length; i++) {

agroup[i].onclick = function(index) {

return function() {

handler(index);

}

}(i);

}

这个时候你会得到正确的下标,这样做与增加i属性有何雷同之处?也就是他们都预先把下标i值传递或是储存起来。在上面的演示中,预执行onclick所引用的函数,而这个

函数当中返回了一个内嵌函数,形成一个没有被释放资源的栈区,并在预执行的时候将i值以参数的形式传入这个作用域(解释能力有问题,这句解释不知道是否准确,欢迎砖拍)。

综上所述,闭包的作用通常是改变作用域或预执行。应该看官很明白了,上面个出的示例很局限,闭包的应用范围是很广的,了解其因果,才能灵活的使用它。

auntion 2011-11-15

mail Auntion@gmail.com

QQ 82874972

原创文章,请尊重打字的辛劳和作者的权益,转载时请不要删除这里的作者信息。

【简短几句 通俗解释javascript的闭包】相关文章:

javascript实现Table排序的方法

理解javascript中的with关键字

javascript去除空格方法小结

简介JavaScript中toTimeString()方法的使用

理解javascript封装

简介JavaScript中的getUTCFullYear()方法的使用

简单谈谈javascript中this的隐式绑定

理解javascript定时器中的单线程

灵活的理解JavaScript中的this指向

理解Javascript图片预加载

精品推荐
分类导航