浅谈js中的闭包

preview
试读
1页
闭包
需积分: 0 0 下载量 69 浏览量 更新于2020-10-24 收藏 51KB PDF 举报
闭包是一个比较抽象的概念,尤其是对js新手来说.书上的解释实在是比较晦涩,对我来说也是一样.闭包是很多语言都具备的特性,在js中,闭包主要涉及到js的几个其他的特性:作用域链,垃圾(内存)回收机制,函数嵌套,等等.
浅谈浅谈js中的闭包中的闭包
闭包是一个比较抽象的概念,尤其是对js新手来说.书上的解释实在是比较晦涩,对我来说也是一样.闭包是很多语言
都具备的特性,在js中,闭包主要涉及到js的几个其他的特性:作用域链,垃圾(内存)回收机制,函数嵌套,等等.
首先我们先来看一段代码:
复制代码 代码如下:
<a href="javascript:void(0);">111</a>
<a href="javascript:void(0);">222</a>
<a href="javacsript:void(0);">333</a>
var a=document.getElementsByTagName("a");
　　function b(){
　　　　for(var i=0;i<a.length;i++){
　　　　a[i].onclick=function(){
　　　　　　alert(i);
　　　　}　　
　　}
}
　　按照我们设计的初衷，应该是点击一个a标签就相应的弹出该标签的序列号，即点击第一个a就弹出0，点击第二个就弹出
1...但是事实是弹出的始终是a标签的个数，这是什么原因呢？这个问题困扰了我很久，查阅了许多网上的资料还有参考书籍，
大多说的似是而非，相信也有许多同学对其中原因也不甚了解，就这个问题我谈谈自己的理解，如有不当之处，还请批评指
正。
　　就我个人的理解，上述函数未能达到目的的原因是，事件处理函数绑定了变量i，而该事件处理函数又赋值给了onclick，
即是说只有在点击a标签的时候才会调用该函数，因此从逻辑上来说，在单纯的for循环里面function(){alert(i);}这段函数实际上
是没有执行的，而当我们点击a标签的时候for循环早就已经执行完毕，此时i的值就是for循环执行完毕的终态值。通俗一点理
解，就是这个i的值是属于b函数的，而我们需要的i的值是实时传递进事件处理函数中的值。那么有什么方法可以实现我们的
设计初衷呢？聪明的同学可能已经猜到了，那就是使用闭包。
下面我们再来看一段代码:
复制代码 代码如下:
var a=document.getElementsByTagName("a");
　　function b(){
　　　　for(var i=0;i<a.length;i++){
　　　　　　a[i].onclick=function(j){
　　　　　　　　return function(){
　　　　　　　　alert(j);
　　　　　　}
　　　　}(i);
　　}
}
b();
　　执行以上代码可以发现，我们所要的功能已经实现，即点击任意a标签都会弹出该标签所在的序列号。对上述代码，相信
许多同学都看过许多雷同的版本，但是为什么这样做就能实现我们需要的功能了呢，一下是个人的一点浅见，如有不当，还请
不吝赐教。
　　对上述代码的理解，其本质就是对变量i的理解。在这段代码中，函数执行到for循环处发现了一个立即调用函数，这个时
候给这个立即调用函数传递实时的i变量值，函数立即调用完成，事件处理函数也就存储了实时的i变量值。
以上所述就是本文的全部内容了，希望对大家理解js闭包能够有所帮助。

下载后可阅读完整内容，剩余0页未读，立即下载

资源推荐
资源评论
weixin_38553381
  • 粉丝: 1
  • 资源: 924
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

最新资源