let块级作用域

<h1>let块级作用域</h1>
<hr>
<ul id='myList'>
    <li>Lorem ipsum dolor sit amet.</li>
    <li>Lorem ipsum dolor sit amet.</li>
    <li>Lorem ipsum dolor sit amet.</li>
    <li>Lorem ipsum dolor sit amet.</li>
</ul>
<script>    
    //获取li元素集合
    let lis=document.querySelectorAll('#myList li');
    // 使用for循环进行遍历,在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域
    // ES6新增的let，可以声明块级作用域的变量
    // 使用var声明循环变量i，此时i是全局变量；使用let声明循环变量i，此时i是个块级区域变量
    for(let i=0;i<lis.length;i++){
        lis[i].onclick=function(){
            console.log(i);
        }
    }
</script>