javascript闭包,for循环同步和异步

<div id="hei">
          <li class="m1" >选择1li>
          <li class="m2" >选择2li>
          <li class="m3" >选择3li>
div>
<script>
var lis = document.getElementById('hei').children;
for(var i=0;i<lis.length;i++){
      //console.log(i);
      /*lis[i].onclick = function(){  
        alert(i); //都是3
      }*/
      //外面for循环是同步事件,而内部onclick是异步事件,每次获取都是i循环最大值,通过闭包方式解决*/
      (function(i){
        lis[i].onclick = function(){  
          alert(i);
        }
      })(i);
    }
<script>

 js6的话,通过将for循环里面 定义i 的var换成let就ok ,for循环内部就能生效。

转载于:https://www.cnblogs.com/lola/p/9254615.html

你可能感兴趣的:(javascript闭包,for循环同步和异步)