let const var

一、概念

       let  变量声明，定义的变量有块级作用域
       var 变量声明 定义的变没有块级作用域
       const常量变量声明，定义必须给其赋值

二、区别

2.1、var的特变之处

        1、var声明的变量具有变量提升机制，但是只是变量名称提升，没有给其赋值，在声明之前访问变量都是undefined
        2、var声明的变量都是全局变量

2.2、const和let的特别之处

    1、这两个定义的变量都有块级作用域，在作用域内定义的变量，作用域外是不能访问的，会抛出异常
    2、作用域：{}，函数内部
    3、这两个定义的变量都没有变量提升，必须在定义后面访问
    4、作用域执行完成后，变量立即销毁，
    5、在同一个作用域都不可重复定义
    6、都有临时死区，都在都在作用域内有效

{
let value=10;
}
console.log(value);//报错

2.3、var和let还有const的区别

    1、变量提升
    2、作用域
    3、重复定义
    4、var定义的和内置变量相同会覆盖，但是let不会

2.4、let和const的区别

    1、const定义变量必须赋值，且后面不可修改
    2、但是const定义的对象，可以修改对象里面的属性

三、循环的块级作用域绑定

3.1、var定义的循环

    在循环中用var来定义变量，此时这个i是全局变量，当循环结束后仍然可以访问这个i，这是因为var定义的i进行了变量提升

for(var i=0;i<10;i++){
process(items[i]);
}
console.log(i)//会打印10

3.2、let定义的循环

for(let i=0;i<10;i++){
process(items[i]);
}
console.log(i)//打印错误

3.3、var定义的循环的函数

    var声明让开发者在循环中创建函数变得异常困难，因为在循环之外仍能访问

   var funs=[];
        for(var i=0;i<10;i++){
            funs.push(function(){
                console.log(i);
            })
        }
        console.log(funs);//funs里面都是函数的数组(10) [ƒ, ƒ, ƒ, ƒ, ƒ, ƒ, ƒ, ƒ, ƒ, ƒ]
funs.foeEach(function(func){
func();//都是10
})

*解决：立即函数但是麻烦

   var funs=[];
        for(var i=0;i<10;i++){
            funs.push((function(){
                console.log(i);
            })(i))
        }
        console.log(funs);//funs里面都是函数的数组(10) [ƒ, ƒ, ƒ, ƒ, ƒ, ƒ, ƒ, ƒ, ƒ, ƒ]
funs.foeEach(function(func){
func();//0,1,..9
})

3.4、let声明的循环

   <script>
        var funs=[];
        for(let i=0;i<10;i++){
            funs.push(function(){
                console.log(i);
            })
        }
        console.log(funs);
 funs.forEach((item)=>{
     item();
 })
    </script>