let var const的区别

1.let const 具有块级作用域  var不具有块级作用域

  {
            let a = 1
            console.log(a);
        }
        console.log(a); //报错

{
var a=0
console.log(a)  //0
}

console.log(a) //0

2.let const 不具有变量提升  var具有变量提升

//变量提升 在未定义之前可以使用而且不报错 (
//预解释 预解析 在浏览器拿到js代码将要执行之前,会整体的解读一遍js文件,把其中的var声明的变量还有function提前定义

/*// console.log(a); //undefined 在没有定义之前使用a代码不报错 值为undefined
var a = 100;  //使用var声明的变量存在变量提升
function fn(){

}


let a = 100;  //Cannot access 'a' before initialization  不能在a未定义之前使用
let b
console.log(b);//undefined*/

3.let const具有暂时性死区  var不具有暂时性死区

如果区块(花括号)中存在let命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域,凡是在声明之前就使用这些变量,就会报错,所以在代码块内,使用let命令声明变量之前,该变量都是不可用的

这被称为暂时性死区

let sName = 'itclan';
if (true) {
  console.log(sName); // Uncaught ReferenceError:sName is not defined
  let sName = 'itclan';
}

当前作用域顶部到该变量声明位置中间的部分,都是该let变量的死区,在死区中,禁止访问该变量

所谓暂时性死区,就是具有块级作用域,变量需要先声明,然后在使用,否则的话,就会报错,即使用typeof检测一个变量,会报错ReferenceError 

typeof sName; // ReferenceError
let name;

只要块级作用域内存在 let 命令,它所声明的变量就绑定了这个区域,不再受外部的影响,在代码块中,使用let命令声明变量之前,该变量都是不可用的  

4.let const不可重复声明变量  var 可以重复声明变量

{
var a=0
console.log(a) //0
}
var a=1
console.log(a) //1

{
let b=1
console.log(b) //1
let b=2
console.log(b)//报错  不可重复命名
}

5.const声明的变量不可修改，let和var声明的变量可以修改