SOURCE

//let 特性
    // 1.变量不能重复声明  let-10  let =20   会出现报错  Uncaught SyntaxError: Identifier 'a' has already been declared

// let a;
// let a=10
// console.log(a);

// 2.块级作用域 全局，函数，eval 如 if else while for   {let a-10}
// {
//     let a=10
// }
// console.log(a)  //undefined


//3. 不存变量提升
// console.log(a);
// let a=10;


// console.log(b);
// var b=20

//4.不影响作用域链
// let a=10;
// function fn(){
//     console.log(a)
// }
// fn();

<div>1</div>
<div>2</div>
<div>3</div>

<script>
    var odiv =document.getElementsByTagName('div');
    for(let i=0;i<odiv.length;i++){
        odiv[i].onclick=function(){
            odiv[i].style.background = "red";  
            alert(i);
        }
        
    }
</script>

div{
    width:50px;
    height:50px;
    border:1px solid red;
    float:left;
    margin:10px;
}