闭包案例-点击li获取对应的索引号

     <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <script>
        //获取元素
        var lis = document.querySelector('ul').querySelectorAll('li');
        //循环 
        for (var i = 0; i < lis.length; i++) {
            //生成立即执行函数
            (function(i) {
                //赋值操作
                var index = i;
                //点击事件 打印对应的 索引号
                lis[i].onclick = function() {
                    console.log(i);
                }
            })(i); //实参
        }
    </script>