ES6 新增的两个重要 JavaScript 关键字: let 和 const

ES6

ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。

---

ES6 新增加了两个重要的 JavaScript 关键字: let 和 const。

一：let

ES6中新增了用于声明变量的关键字
let声明的变量只在所处于的块级有效
代码如下（示例）：

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

**注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。
不存在变量提升
代码如下（示例）：

console.log(a); // a is not defined 
let a = 20;

暂时性死区
代码如下（示例）：

var tmp = 123;
 if (true) { 
     tmp = 'abc';
     let tmp; 
 } 

经典面试题
代码如下（示例）：

 var arr = [];
 for (var i = 0; i < 2; i++) {
     arr[i] = function () {
         console.log(i); 
     }
 }
 arr[0]();
 arr[1]();

经典面试题图解：此题的关键点在于变量i是全局的，函数执行时输出的都是全局作用域下的i值。

 let arr = [];
 for (let i = 0; i < 2; i++) {
     arr[i] = function () {
         console.log(i); 
     }
 }
 arr[0]();
 arr[1]();

经典面试题图解：此题的关键点在于每次循环都会产生一个块级作用域，每个块级作用域中的变量都是不同的，函数执行时输出的是自己上一级（循环产生的块级作用域）作用域下的i值.

小结

1、let关键字就是用来声明变量的
2、使用let关键字声明的变量具有块级作用域
3、在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字不具备这个特点
4、防止循环变量变成全局变量
5、使用let关键字声明的变量没有变量提升
6、使用let关键字声明的变量具有暂时性死区特性

二：const

声明常量，常量就是值（内存地址）不能变化的量
具有块级作用域
代码如下（示例）：

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

声明常量时必须赋值
代码如下（示例）：

const PI; // Missing initializer in const declaration

常量赋值后，值不能修改
代码如下（示例）：

const PI = 3.14;
PI = 100; // Assignment to constant variable.

const ary = [100, 200];
ary[0] = 'a';
ary[1] = 'b';
console.log(ary); // ['a', 'b']; 
ary = ['a', 'b']; // Assignment to constant variable.

小结

1、const声明的变量是一个常量
2、既然是常量不能重新进行赋值，如果是基本数据类型，不能更改值，如果是复杂数据类型，不能更改地址值
3、声明 const时候必须要给定值

let、const、var 的区别

1、使用 var 声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象
2、使用 let 声明的变量，其作用域为该语句所在的代码块内，不存在变量提升
3、使用 const 声明的是常量，在后面出现的代码中不能再修改该常量的值