js的一个有意思的小题,闭包解决getElementByTagName的for循环绑定事件错误问题

问: i 会输出什么?改写成闭包的写法?

<a href="javaScript:void(0)">a</a>
<a href="javaScript:void(0)">b</a>
<a href="javaScript:void(0)">c</a>

<script type='text/javascript'>
var arr = document.getElementsByTagName('a');
for(var i=0;i<arr.length;i++) {
    arr[i].onclick = function() {
        console.log(this + '我是第'+ i +'几个');
    }
}
</script>

 答:全部输出都是”我是第3个“

闭包写法可解决问题

<a href="javaScript:void(0)">a</a>
<a href="javaScript:void(0)">b</a>
<a href="javaScript:void(0)">c</a>

<script type='text/javascript'>


var arr = document.getElementsByTagName('a');
for(var i=0;i<arr.length;i++) {
    (function(i,v){
       v.onclick = function() {
            console.log(this + '我是第'+ i +'');
        } 
    })(i,arr[i])
}
</script>
原文地址:https://www.cnblogs.com/liujinyu/p/5430869.html