var、let与const

1、var声明
作用域为函数上下文或全局上下文，没有块级作用域。

var s = "play";

由于var具有“提升”现象，即var声明会被拿到函数或全局作用域的顶部，故上述代码等价于

var s;
s = "play";

在非严格模式下，在变量声明前使用不会报错（Reference Error），会得到undefined

console.log(s); //undefined
var s = "play";

2、let声明
作用域由最近的一对{}所限定，不会变量提升。

if(true){
    let s = "play";
}
console.log(s); //ReferenceError: s is not defined

3、const
常量，即声明后不能修改

const a = 10;
a = 20; //Uncaught TypeError: Assignment to constant variable.

const obj = {
  name: '张三',
  age: 18
}
obj = {
  name: '李四',
  age: 18
}  // Uncaught TypeError: Assignment to constant variable.
obj.name = '李四' // 可以通过这种方式修改const声明的对象
console.log(obj); // {age: 18 name: "李四"}

const obj2 = {
  name: '张三',
  age: 18
}
Object.freeze(obj2); // 可以通过Object的freeze方法冻结对象
obj2.name = '李四'
console.log(obj2); // {age: 18 name: "张三"}

4、区别
（1）、var与let都用于变量的声明，其中var声明的作用域为函数作用域，而let为块级作用域。
（2）、当发生重复声明时，var声明会被忽略，而let声明会报错（SyntaxError）

var s;
var s; //不会报错

let t;
let t; //SyntaxError: Identifier 't' has already been declared

而let的这种行为十分适合于循环中的循环变量的声明，使得迭代变量不会泄露到循环外部

for(let i=0; i<10; i++){}
console.log(i); //ReferenceError: i is not defined

（3）、var生命的变量会被挂载到window上，而let、const不会。

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

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

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

（4）、let和const存在“暂时性死区”，在代码块内，使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”