ES6新特性|var let const

let const 是es6提出的新特性，解决了var存在的一些问题

1. let const 不存在变量提升

变量提升：变量可以在声明之前使用，值为undefined

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

console.log(b);   // ReferenceError: Cannot access 'b' before initialization
let b = 1;

2. 暂时性死区

只要块级作用域内存在let命令，它所声明的变量就“绑定”这个区域，不再受外部的影响
即，在代码块内，使用let命令声明变量之前，该变量都是不可用的

var abc = 123;
{
    console.log(abc);  // ReferenceError: Cannot access 'abc' before initialization
    let abc;
}

但是，如果是…

var abc = 123;
{
    console.log(abc);  // abc
}

所以，暂时性死区的条件是：块级作用域内存在let命令

3. 不允许重复声明

var abc;
let abc;   // SyntaxError: Identifier 'abc' has already been declared

4. 块级作用域

为什么需要块级作用域？

• 情况1：内层变量可能会覆盖外层变量

function fn() {
    var a = 5;
    if (true) {
        var a = 10;
    };

    console.log(a);  // 10
};

fn();

• 情况2：用来计数的循环变量泄露为全局变量

for(var i = 0; i <10; i++) {
    console.log(i);
}


console.log(i)  // 10

通过let解决

• 情况1：

function fn() {
    let a = 5;
    if (true) {
        let a = 10;
    };

    console.log(a);  // 5
};

fn();

• 情况2：

for (let i = 0; i < 10; i++) {
    console.log(i)
}

console.log(i)  // ReferenceError: i is not defined

块级作用域的其他特性

• ES6允许块级作用域任意嵌套
• 外层作用无法读取内层作用域的变量
• 内层作用域可以定义外层作用域的同名变量
• 块级作用域的出现，实际上使得获得广泛应用的立即执行函数表达式（IIFE）不再必要了

//IIFE
(function () {
	var temp = ...;
	...
}());

//块级作用域的写法
{
	let tmp = ...;
	...
} 

5. 块级作用域和函数声明

ES6中引入了块级作用域，明确允许在块级作用域之中声明函数
ES6规定，块级作用域之中，函数声明语句的行为类似于let，在块级作用域之外不可引用

function fn() {
    console.log('I am outside');
};

(function() {
    if (true) {
        // 重复声明一次函数fn
        function fn() {
            console.log('I am inside');
        };
    };

    fn();
}());

// I am inside

小说明：

1. 允许在块级作用域中声明函数
2. 函数声明类似于var，即会提升到全局作用域或函数作用域的头部
3. 函数声明还会提升到所在的块级作用域的头部

6. do表达式

本质上，块级作用域是一个语句，将多个操作封装在一起，没有返回值
do表达式可以使块级作用域变为表达式

let x = do {
  let t = f();
  t * t + 1;
};

此时变量x会得到整个块级作用域的返回值（t * t + 1）

---

7. const和let的区别

• const声明一个只读的常量，一旦声明，值就不能改变
• const一旦声明，就必须立即执行初始化

const实际上保证的，并不是变量的值不能改动，而是变量指向的那个内存地址不得改动
对于简单的数据类型（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量
对于引用数据类型（对象、数组），变量指向的内存地址，保存的只是一个指针，const只能保证这个指针是固定的，至于它指向的数据结构是是不是不可变的，就完全不能控制了。

const obj = {};


// 为obj添加一个属性，就可以成功
obj.name = 'Katrina';

// 将obj指向另一个对象，就会报错
obj = {};   // TypeError: Assignment to constant variable.

8. ES6中声明变量的6种方法

• var
• function
• let
• const
• import
• class