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

<div id="hei">
          <li class="m1" >选择1</li>
          <li class="m2" >选择2</li>
          <li class="m3" >选择3</li>
</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循环内部就能生效。