欢迎来到天天文库
浏览记录
ID:30509679
大小:16.20 KB
页数:3页
时间:2018-12-30
《分析js闭包引起的事件注册问题》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解分析js闭包引起的事件注册问题 这篇文章主要为大家分析了js闭包引起的事件注册问题,感兴趣的小伙伴们可以参考一下 背景:闲暇时间看了几篇关于js作用域链与闭包的文章,偶然又看到了之前遇到的一个问题,就是在for循环中为dom节点注册事件驱动,具体见下面代码: js闭包 1 2 3 functionpageLoad(){ for(vari=1;i varanchor=documen
2、t.getElementById("anchor"+i); anchor.onclick=function(){对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 console.log("anchor"+i); } } } window.onload=pageLoad; 按照正常的想法,结果应该是点击3个按钮分别提示“anc
3、hor1”、“anchor2”、“anchor3”;期初我也是这么认为的,但是结果却是不管点击哪个按钮,都会提示“anchor4”。 这是为什么呢?不要着急,待我们慢慢分析,这里面包含js作用域链与闭包的知识,在这里我就不详细介绍了。 首先我们看这个anchor.onclick,这是什么?这是dom0级事件处理程序啊,废话,我也知道,博主是蛇精病吗*************不要吵了,我想说的是这个anchor.onclick 是一个事件处理程序的声明,就像varname="小明"一样,这是声明了,但是还没有执行,这就是关键,我们将上面的js代码修改一下再来看看: functionpag
4、eLoad(){ for(vari=1;i varanchor=document.getElementById("anchor"+i);对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 anchor.onclick=function(){ console.log("anchor"+i); } if(i==2){ debugger;//我们在
5、这里debugger一下,然后在控制台手动触发#anchor1和#anchor2的点击事件 } } } window.onload=pageLoad; 看到了吧,我们通过debugger让循环在i==2时停止,然后又去控制台手动触发#anchor1和#anchor2的点击事件,结果控制台打印“anchor2”。 整个的逻辑大致是这样的:anchor.onclick一直保存着i的引用,i在循环中是一直变化的,从i=1到i=4;虽然在循环的过程中,anchor.onclick曾经保存过(注意“曾经”两字), 1,2,3这三种情况,但是i最终变成了4,所以说,无论点击哪
6、个按钮,都会输出“anchor4” 以上就是本文的全部内容,希望对大家的学习有所帮助。对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表
此文档下载收益归作者所有