var和let、const区别

let和var都可以定义变量，而const定义的是常量
     

 const a=123//无法更改值
       a = 1234 // 这时会报错，因为const定义的是常量   不可更改
       console.log(a)

const更多的是定义一些后期无法更改的数据，比如：公司的网址
区别1：let和const都有块级作用域  ，let和const定义的变量写在{}中，就只会在{}中生效，而var 没有块级作用域，只有全局和局部作用域

   

      {
            var c=7;
            let a = 1;
            const b = 2;
            console.log(a, b)//a输出是1   b输出则是2
        }
        console.log(a)
        // console.log(b)//报错   因为块级作用域的存在   a和b都只存在于大括号中 
        console.log(c)//7

          点击页面中不同的li输出n值比较let和var作用域的区别

   

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
 
         let lis = document.getElementsByTagName("li")
          for(let n=0;n<lis.length;n++){
           lis[n].onclick=function(){
            console.log(n)//第一个li点击时输出0  以此类推  1 2
                }
             }

这几个n之间互不干扰，拥有各自的的块级作用域，保存了不同的值
点击不同的li会输出不同的值
 
 
     

  for (var n = 0; n < lis.length; n++) {
            lis[n].onclick = function() {
                console.log(n) 

不管点击哪一个li，控制台都只会输出3
因为var定义的是全局变量，n在循环结束后就不再会改变

区别2：var 定义变量 存在变量的默认提升功能 ，let 和const没有

       

console.log(x)//undifined
        var x=2

       

console.log(x)//报错： 在初始化之前无法访问“x”
        let x = 2

 区别3: var 定义可以重复定义 ，let和const不可以

       

 var x=2 
 var x=3
 console.log(x)//3 var的重复定义可以覆盖之前的值

       

 let x = 2
 let x = 3 //而let不允许重复定义 会报错
 console.log(x)

区别四：var 定义变量 自动挂载 window对象上 。let和const不会

     

var x=2 //相当于window.x=2
console.log(window.x) //2
let x = 2
console.log(window.x) //undefined

区别五：let 存在暂时性死区问题

        ES6明确规定，如果​区块​中存在​let​和​const​命令，这个区块对这些命令声明的变量，从一开始就形成了​封闭作用域​。凡是在声明​之前​就使用这些变量​就会报错​。

总之，在代码块内使用​let​命令声明变量之前，该变量都是不可用的。

这在语法上，称为“​暂时性死区”​（temporal dead zone，简称 TDZ）。

     

var a = 20
 if (true) {
   a = 40 //报错：在初始化之前无法访问“a” 
   console.log(a)
   let a = 50
    }