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>