9.11 for循环里面的变量

    <li>第一个元素</li>
    <li>第二个元素</li>
    <li>第三个元素</li>

 var eles = document
            .getElementById('test')
            .getElementsByTagName('li')
    for ( var i = 0; i < eles.length; i++){
        eles[i].onclick = function(){
            alert(i)
        }
    }
    // for 循环的结果会暴露在全局上，当点击的时候，整个程序已经运行结束，所以最终显示的结果都是3，需要立即执行函数来改变

改为立即执行函数，就可以点击后依次输出，不同的数字了

    var eles = document
            .getElementById('test')
            .getElementsByTagName('li')
    for ( var i = 0; i < eles.length; i++){
        (function (i) {
            eles[i].onclick = function (){
                alert(i)
            }
        })(i)
    }