閉包的一則面試題

 

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