前端，let相对于var的一些优点

<div></div>
<div></div>
<div></div>
//上面设置三个盒子，要求点击盒子，盒子的背景颜色就改变
<script>
    let divs = document.querySelectorAll('div');
    /* for (var i = 0; i < divs.length; i++) {
        divs[i].onclick = function () {
            divs[i].style.backgroundColor = 'red';
        }
    } */
    // var i是全局变量，会先进行for循环，最后i=3,
    //每次点击，都是让divs[3]改变背景颜色，而divs[3]是不存在的
   
    因为divs[i].onclick = function ()是回调函数，会先把var i运行一遍
    结果最后，i=3了，

    */

// let声明变量就不会了，因为他是块级作用域，
/* for (let i = 0; i < divs.length; i++) {
divs[i].onclick = function () {
divs[i].style.backgroundColor = ‘red’;
}
} */