let、const、var的区别有哪些

1.var是在ES5的时候提出的，let和const是在ES6上提出的。

2.在定义变量的时候，var存在变量的提示，let和const不存在变量的提升

var a = 100;
consoloe.log(a);//100

consoloe.log(a);//underfinde 证明这个时候a已经声明，只是没有赋值
var a = 100;

consoloe.log(b);//ReferenceError: b is not defined 找不到b这个变量
let b = 100;

consoloe.log(c);//ReferenceError: c is not defined 找不到c这个变量
const c = 100;

3.var 声明的变量是会挂载在window对象上，而let和const声明的变量不会

var a = 100;
console.log(a,window.a); //100 100

let b = 100;
console.log(b,window.b); //100 undefined

const c = 100;
console.log(c,window.c);//100 undefined

4.let和const声明的变量都会形成模块级作用域

{
   var a = 100;
   let b =100;
}
cosnole.log(a);//100
cosnole.log(b);//ReferenceError: b is not defined 找不到b这个变量

{
   var a = 100;
   cosnt b =100;
}
cosnole.log(a);//100
cosnole.log(b);//ReferenceError: b is not defined 找不到b这个变量

5.在相同的模块作用域下，let和const不能声明相同名称的变量，而var则是通过后面相同变量名称的变量覆盖之前的变量内容。

var a = 100;
var a = 10;
console.log(a);//10

let b = 100;
let b = 10;
console.log(b);//Identifier 'b' has already been declared b这个变量已经被声明了 

const c = 100;
const c = 10;
console.log(c);//Identifier 'c' has already been declared b这个变量已经被声明了 

6.let和const都存在暂时性的死区，即只有在模块区域内存在let和const命令声明变量，它所声明的变量就绑定在这个区域，不在受外部的影响。

var a = 100;

if(true){
    a = 10;
    //在当前块作用域中存在a使用let/const声明的情况下，给a赋值10时，只会在当前作用域找变量a，
    // 而这时，还未到声明时候，所以控制台Error:a is not defined
    let a = 1;
}

在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。
总之，暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

7.var和let声明的变量是可以修改的，const声明的是一个常量，一旦声明之后，常量的值就不能够改变了。

const f = 10;
// f= 11;
// console.log(f) //报错 不能进行重复声明

const obj = {
    name: '小明',
    age: 18
}
obj.age = 20
console.log(obj) //{ name: '小明', age: 20 }  
//const声明常量，不允许对变量重新赋值。对于引用类型的值而言，只要在栈内存保存的地址值不变即可。

本文参考了阮一峰的ES6