ES6 var let const

var、let、const三种声明变量方式主要有以下几个区别：
1.var声明的变量有变量提升，let、const声明的变量没有变量提升

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

而let和const没有

console.log(b); // Cannot access 'b' before initialization
let b = 20;

console.log(c); // Cannot access 'c' before initialization
const c = 20;

2.var变量可以重复声明一个变量，let和const变量不可以重复声明同一个变量

var a = 10;
var a = 20;

let d = 10;
let d = 20; //Identifier 'd' has already been declared

const e = 1;
const e = 2; //Identifier 'e' has already been declared

3.var声明的变量是属于函数作用域（则即其作用域是在函数范围内，否则为全局作用域）const、let为 块作用域

if (true) {
    var a = 12;
}
console.log(a); //12

if (true) {
    let f = 12;
}
console.log(f); //f is not defined

if (true) {
    const g = 12;
}
console.log(g); //g is not defined

例如：

for (var i = 0; i < 5; i++) {
    setTimeout(function(){
        console.log(i)
    },100)
} // 结果为 5 5 5 5 5
// 上面代码中，变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。
//每一次循环，变量i的值都会发生改变，而且setTimeout()函数是得for循环结束完后，setTimeout()才开始执行，所以最终的i的值都为5

for (let i = 0; i < 5; i++) {
    setTimeout(function(){
        console.log(i)
    },100)
}// 结果为 0 1 2 3 4
// 由于 var 命令的变量提升机制，var 命令实际只会执行一次。
// 而 let 命令不存在变量提升，所以每次循环都会执行一次，声明一个新变量（但初始化的值不一样）。
// for 的每次循环都是不同的块级作用域，let 声明的变量是块级作用域的，所以也不存在重复声明的问题。

4.var、let 声明的变量可以重新赋值、const声明的变量不可以重新赋值，且必须在声明时进行初始化。

var Tom = 12;
Tom = 20;

let Bom = 12;
Bom = 20;
    
const Jelly = 12;
Jelly = 20;//Assignment to constant variable

5.const声明的对象，对象不可重新赋值，但对象属性可以重新赋值，如果使用 Object.freeze()函数，可以使得属性值也不可以改变

总结：
1.var声明的变量有变量提升，let、const声明的变量没有变量提升
2.var变量可以重复声明一个变量，let变量不可以重复声明同一个变量
3.var声明的变量是属于函数作用域（则即其作用域是在函数范围内，否则为全局作用域）
4.const、let为 块作用域
5.var、let 声明的变量可以重新赋值、const声明的变量不可以重新赋值，且必须在声明时进行初始化。
6.const声明的对象，对象不可重新赋值，但对象属性可以重新赋值，如果使用 Object.freeze()函数，可以使得属性值也不可以改变