let声明

<script>
    /**
     * es6 let 练习
     * 生效范围：块级代码代码内。
     */
    // {
    //     let a=2;
    //     var c=2;
    // }
    // console.log(c);//全局变量
    // console.log(a);//undefined
//    for循环内适用let 变量作用范围只在for循环体内
//     for(let i=0;i<2;i++){
//         console.log(i)
//     }
//     console.log(i);//undefined
//在for循环里 let变量 保存当时的值 不同于var
    let arr=[];
    for(let i=0;i<4;i++){
        arr[i]= ()=>{
            console.log(i);
        }
    }
    arr[0]();//0
    arr[1]();//1
    let arrvar=[];
    for(var i=0;i<4;i++){
        arrvar[i]=()=>{
            console.log(i)
        }
    }
    arr[0]();//都是0
    arr[1]();//1
    /**
     * 1、在for循环中，let声明的变量都是新的变量，都在本轮有效，在新一轮都是新的值。在每次循环中js引擎都会记录上一次的变量值，以便计算本轮的值。
     *
     * @type {NodeListOf<HTMLElementTagNameMap[string]>}
     */
    let btns=document.querySelectorAll("button");
    for(let i=0;i<btns.length;i++){
        btns[i].addEventListener('click',ev => {//注意let声明的i是每次循环的i都是新的变量。所有在事件触发的时候i的值 是当时循环的值。而不是最后的值。
            alert(i);
        })
    }
    let divs=document.querySelectorAll("div");
    for(var  i=0;i<divs.length;i++){
        divs[i].addEventListener('click',ev => {//需要注意 在调用事件函数的的i已经是divs.lenth的值。因为此时i已经不满足循环条件
            alert(i);
        })
    }
    /**
     * 1、在循环变量中是父作用域而下面的块级标签是子作用域。
     */
    for(let i=0;i<5;i++){
        let i='cc';//注意此时的是重新声明i变量！
        console.log(i);
    }
    /**
     * var声明的变量都是都有变量提升的，在调用未声明（var）的变量的时候，为undefined
     * let 不存在声明变量提升，在调用未声明的变量的时候，会报错
     */
    console.log(k);
    var k;
    console.log(m);
    let m=2;
</script>