var let const的区别

相同

都可以用来声明变量

不同

1. var是ES5提出的，let和const是ES6提出的。
2. var声明的变量存在变量提升，变量可以在声明之前调用，值为undefined。let和const不存在变量提升，它们声明的变量一定要在声明后使用，否则报错（ReferenceError）

console.log(a) //undefined
var a = 1 ;
console.log(b) //ReferenceError: b is not defined
let b = 2;
console.log(c) //ReferenceError: c is not defined
const c = 3;

3. let和const存在暂时性死区
   let和const存在暂时性死区。只要块级作用域内存在let命令，它所声明的变量就绑定这个区域，不再受外部的影响。

var a = 1;
if (true) {
  a = 2; // ReferenceError
  let a;
}
//if后面{}形成了块级作用域，由于使用let声明了a，则这个变量就绑定了块区域，在声明之前使用，会报错

4. var允许重复声明变量。let和const在同一作用域不允许重复声明变量。

var a = 1;
var a = 2;
console.log(a) //2

let b = 3;
let b = 4;
console.log(b) //SyntaxError: Identifier 'b' has already been declared

const c = 5;
const c = 6;
console.log(c) //SyntaxError: Identifier 'c' has already been declared

5.var和let可以修改声明的变量，const声明一个只读的常量。一旦声明，常量的值就不能改变，对于引用类型的值而言，只要在栈内存保存的地址值不变即可。这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const a = 1;
a= 2;
console.log(a) //报错 不能进行重复声明

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

6. var不存在块级作用域。let和const存在块级作用域。

//ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。
//第一种场景，内层变量可能会覆盖外层变量。
var a = 1;
function fun(){
    console.log(a) //undefined
    if(false){
        var a = 2;//变量提升带来的，尽管存在块级作用域，但是var声明的变量会跨越这个域。
    }
}
fun()

//第二种场景，用来计数的循环变量泄露为全局变量。
var b = 'hello';
for (var i = 0; i < b.length; i++) {
  console.log(s[i]);
}
console.log(i); // 5  i循环结束后，泄露成了全局变量