面试题经常问的闭包问题 

<!DOCTYPE html>
<html>
<head lang="en">
    
</head>
<body>
   <div id="etDiv">
       <ul>
           <li>1</li>
           <li>2</li>
           <li>3</li>
           <li>4</li>
           <li>5</li>
       </ul>
    </div>
<script>
    window.onload = function(){
        var li = document.getElementsByTagName('li');

        var _len = li.length;
         //一般不考虑闭包用户会这么写，点击任何一个 li 结果都是5 这个是i最终值
     for(var i=0;i<_len;i++){
            li[i].onclick = function(i){
                   alert(i)
            }
        }

    //正确写法是给个作用域保存结果值
        for(var i=0;i<_len;i++){
            li[i].onclick = (function(i){
               return function(){
                   alert(i)
               }
            })(i)
        }
    }

</script>
</body>
</html>
posted @ 2017-02-06 16:59  xiezhenzhong  阅读(221)  评论(0)  编辑  收藏  举报