面试题经常问的闭包问题

最新推荐文章于 2024-09-20 09:09:17 发布

weixin_30779691

最新推荐文章于 2024-09-20 09:09:17 发布

阅读量55

点赞数

文章标签：面试

原文链接：http://www.cnblogs.com/rubyxie/p/6371029.html

版权

<!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>

转载于:https://www.cnblogs.com/rubyxie/p/6371029.html