闭包的一则面试题

 

<ul id="test">

     <li>这是第一条</li>

     <li>这是第二条</li>

     <li>这是第三条</li>

</ul>

点击每条li节点，弹出单签li节点的下标index

 

<script type="text/javascript">

    lis = document.getElementsByTagName('li');

    for(var i=0; i<lis.length; i++) {
        lis[i].onclick = function(num) {
            return function() {  //这里是闭包
                alert(num);
            };
        }(i);
    }

 </script>

若是直接写成：

<script type="text/javascript">

    lis = document.getElementsByTagName('li');

    for(var i=0; i<lis.length; i++) {
        lis[i].onclick = function() {
            return alert(i);
        };
    }

 </script>

那么获取到的i是变量最后的一个值，也就是3.