解析ES6内 var let const

接下来以五个方面解析var let const区别

一、变量提升（变量提升就是在声明数据之前使用这个数据不会报错）

console.log(a);//undefined
var a = 10;
console.log(b);//error : Uncaught ReferenceError: Cannot access 'b' before initialization
let b = 10;
console.log(c);//error : Cannot access 'c' before initialization
const c = 10;
//这就说明了问题，变量a在定义之前使用没有报错，输出结果是undefined，
//是因为js的预解析机制这种机制会将由 var 和 function 声明的变量或者
//函数提前声明，而let 和const 没有输出就说明了其没有预解析的这种机制

二、重复声明（已经定义的变量重复声明）

var a = 10;
var a;
console.log(a); //10
let b = 10;
let b;//Uncaught SyntaxError: Identifier 'b' has already been declared
const c = 10;
const c;//Uncaught SyntaxError: Identifier 'c' has already been declared
//在此处a已经定义了变量，但是再次定义是覆盖了上次a的变量，
//而let 和const是直接就报错b或者c标识符已经定义，
//说明了var可以重复声明变量但是会覆盖上次变量的值，而let const 会报错

三、变量赋值（给定义好的变量进行赋值）

var a = 10;
a = 20;
console.log(a); //20
let b = 10;
b = 20;
console.log(b);//20
const c = 10;
c = 20;// Uncaught TypeError: Assignment to constant variable.
console.log(c);
//这里只有const声明的变量无法进行修改值，var 和 let 都是可以修改值的，
//这里有一个注意点就是 const 声明的量如果是引用数据类型的话是可以修改量里面的子属性的，
//至于为什么简单来说就是引用数据类型和基本数据类型的存储区别.
//这里就不细讲了，接下来我还会持续更新，需要的可以关注一下！

四、块级作用域（块级作用域又称为局部作用域，全局作用域没有函数返回等方法的话是无法拿到局部的变量的，ES6规定一个{}就是一个块级作用域）

let array = [];
for (var a = 0; a < array.length; a++) {
}
for (let b = 0; b < array.length; b++) {
}
for (const c = 0; c < array.length; c++) {
}
console.log(a);//0
console.log(b);// Uncaught ReferenceError: b is not defined
console.log(c);// Uncaught ReferenceError: c is not defined
//这里只有a拿到了变量的值，而 let 和const 均没有拿到，
//按照全局作用域无法正常访问局部作用域这种说法，
//那么 var 就不存在块级作用域，而 let 和const 存在块级作用域

五、变量暂时性死区（变量暂时性死区就是let 和 const 重复声明或者修改引起的代码报错，而导致下方代码堵塞无法执行）

结合变量提升、变量赋值和变量声明这三个点来说，只有var没有进行报错，而let 和const均报错，这就说明了var 不存在暂时性死区，let 和const存在暂时性死区