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

有三个按钮,从头到尾,分别点击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