ES6定义变量的let 同 ES6之前的var对比

为了解决ES6之前老版本标准中的两个问题

• 1.在JavaScript中如果定义了同名的变量，那么后定义的变量会覆盖先定义的变量。
• 2.在老版本的标准的（ES6之前）JavaScript中可以先使用变量再定义变量，并不会报错。
  在ES6中就推出了一种新的定义变量的方式

推出了定义变量的新方法：let

格式：
- ES6之前：var 变量名称;
- ES6之后：let 变量名称;

举例var和let的主要不同：

1.定义同名变量

ES6之前JavaScript可以定义同名变量，先定义的变量被销毁，ES6中则会报错。

var num = 111;
var num = 222;
console.log(num);//打印222

let value = 111;
let value = 222;
console.log(value);//报错：Uncaught SyntaxError: Identifier 'value' has already been declared

2.变量先用后定义

ES6之前JavaScript可以先用后定义，ES6中会报错。

console.log(JJ);//undefined
var JJ = 123;

console.log(GG);//报错Uncaught ReferenceError: GG is not defined
let GG = 123;

3.补充ES6之前对变量先用后定义的原理

由于JavaScript是一门解释型的语言，会边解析边执行，浏览器在解析JavaScript代码之前还会进行一个操作“预解析（预处理）”

预解析（预处理）步骤：
将当前JavaScript代码中所有变量的定义和函数的定义放到所有代码的最前面。

代码举例：

 				console.log(q);//undefined
                var q = 123;
                
                预解析后变为：
                var q;
                console.log(q);//undefined
                q = 123;