ES6定义变量

1、let命令

1. 不存在变量提高。es5的var会存在变量提高问题，可是es6的let和const不会存在变量提高问题。
2. 暂时性死区。只要在块级做用域内存在let命令，它所声明的变量就绑定在这个区域，再也不受外部的影响。es6明确规定，若是区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就造成了封闭做用域，凡是在声明以前就使用这些变量，就会报错。即便是使用typeof也会报错。

var tmp = 123;

if(true){
    tmp = "abc"; //ReferenceError tmp is not defined
    let tmp;
}
复制代码

3. 不容许重复声明。let和const不容许在相同的做用域内，重复声明同一个变量。

// 报错
function func() {
    let a = 10;
    var a = 1;
}

// 报错
function func() {
    let a = 10;
    let a = 1;
}

//不能在函数内部从新声明参数
function func(arg) {
    let arg; // 报错
}

function func(arg) {
    {
        let arg; // 不报错
    }
}
复制代码

2、块级做用域

1. es5只有全局做用域和函数做用域，没有块级做用域。这可能致使不少不合理的场景。

//内层变量可能会覆盖外层变量
var tmp = 123;

function f() {
    console.log(tmp);
    if (false) {
        var tmp = 'hello world';
    }
}

f(); // undefined
复制代码

//用来计数的循环变量泄露为全局变量
var s = 'hello';
for (var i = 0; i < s.length; i++) {  
    console.log(s[i]);
}
console.log(i); // 5
复制代码

2. es6的块级做用域

function f1() {
    let n = 5;
    if (true) {
        let n = 10;
    }
    console.log(n); // 5
}
复制代码

3. es6容许块级做用域的任意嵌套，块级做用域的出现，使得普遍应用的当即执行函数表达式（IIFE）再也不必要，块级做用域不返回值，除非它是全局变量。

// IIFE 写法
(function () {
    var tmp = ...;
    ...
}());

// 块级做用域写法
{
    let tmp = ...;
    ...
}
复制代码

3、const命令

1. const声明一个只读的常量，一旦声明，常量的值就不能改变。
2. const一旦声明变量，就必须当即初始化，不能留到之后赋值。
3. const限定的是赋值行为。

const a = 1;
a = 2;//报错

const arr = [];
arr.push(1) //[1] 
//在声明引用型数据为常量时，const保存的是变量的指针，只要保证指针不变就不会保存。下面的行为就会报错

arr = [];//报错 由于是赋值行为。变量arr保存的指针改变了。
复制代码

4、顶层对象属性与全局变量

1. 顶层对象，在浏览器环境指的是window对象，在 node 指的是global对象。ES5 之中，顶层对象的属性与全局变量是等价的。

window.a = 1;
a // 1

a = 2;
window.a // 2
复制代码

2. es6中引入的let、const、class声明的全局变量再也不属于顶层对象的属性。可是var、function声明的变量依然属于全局对象的属性。

var a = 1;
window.a // 1

let b = 1;
window.b // undefined
复制代码