函数先绑定，后执行。如果是循环，在程序读取时，就已经循环完了。

有三个按钮，从头到尾，分别点击3个按钮，弹出的结果分别是什么？代码如下。

　 <button type="submit">1</button>
    <button type="submit">2</button>
    <button type="submit">3</button>
<script>

var btns=document.getElementsByTagName("button");
        for (var i = 0; i <3; i++) {
            btns[i].onclick=function(){ 

//先绑定后触发。读取程序时，没点击这个操作，所以直接跳过，for循环直接循环3次，这个时候 i已经等于3了。所以，当执行这个操作的时候 i=3。

//btns[i].onclick=function(){} ，这里bnts[i]里面的 i 的值不影响下面输出的 i 的值。只是决定了 点击哪个按钮而已。

//程序开始读取时，有点击这个操作的时候，只是从btns[i].onclick=function(){} 这里开始执行的，其他的一概不管。谨记！！！
                console.log(i); //
            }
        };

</script>

 

转载于:https://www.cnblogs.com/Knowledge-is-infinite/p/10619777.html