ES6新特性之let命令--读书笔记

let命令，用于声明变量。其用法类似于var，但所声明的变量只在let命令所在的代码块内有效。

我们可写一段代码：

{
    let a = 1;
    var b = 2;
    console.log(a);
}
console.log(b);

输出：1 2

若我们在代码块的外部输入console.log(a);则会报错–ReferenceError:a is not defined，报出引用错误，a未定义。

for循环的计数器，很适合使用let命令。

var a = [];
    for(var i = 0; i < 6; i++){
        a[i] = function(){
            console.log(i);
        }   
    }
a[1](); //6

用var声明变量i，全局范围内都有效。所以，在每一次循环中，新的i值都会覆盖原来的值，以致于最后输出的是最后一轮的i值。(可自行试一下)

var a = [];
    for(let i = 0;i<6;i++){
        a[i] = function(){
            console.log(i);
        }   
    }
a[1]();

let声明变量i，当前的i只在本轮循环有效。

let解决了原来只有闭包才能解决的问题。

不存在变量提升

console.log(foo);
let foo = 3;

会报错：Uncaught ReferenceError: foo is not defined

console.log(foo);
var foo = 3;

会打印输出3

let foo = 3;
console.log(foo);

直接输出3

这意味着typeof不再是一个百分之百安全的操作。

typeof x;
var x;

不报错

typeof x;
let x;

会抛出Uncaught ReferenceError: x is not defined

暂时地死区

来看2段代码，如下

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

报错：ReferenceError:tmp is not defined

var tmp = 123;
    if(true){
        tmp="abc";
    }
    console.log(tmp); //abc

第1段代码中存在全局变量tmp，但块级作用域内let又声明了一个局部变量tmp，导致后者绑定这个块级作用域，所以，在let声明变量前，对tmp赋值会报错。

var tmp = 123;
    if(true){
        let tmp;
        tmp="abc";
        console.log(tmp); //abc
    }
console.log(tmp);   //123

ES6明确规定：若区块中存在let和const命令，则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前使用这些变量，就会报错。

总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。–语法上称之为“暂时性死区”。

有些“死区”比较隐蔽，不太容易发现。接下来，看2段代码，如下

function bar(x=y,y=3){
    return [x,y];
}
bar(); //报错

报错：Uncaught ReferenceError: y is not defined

function bar(x=3,y=x){
    return [x,y];
}
bar();  //[3,3]

第1段代码中，调用bar()报错，是因为参数x的默认值等于另一个参数y，而此时y还未声明，属于“死区”。

第2段代码中，若y的默认值是x，此时x已声明，所以不会报错。

ES6规定：暂时性死区和不存在变量提升，主要是为了防止在变量声明前就使用这个变量，从而导致很多意料之外的错误。这种错误在ES5中常发生，现在的这个规定，避免了此类错误的发生。

–>暂时性死区的本质：只要一进入当前作用域，所要使用的变量就已存在，但不可获取，只有等到声明变量的那一行代码出现，才可获取和使用该变量。

不允许重复声明

let不允许在相同作用域内重复声明同一个变量。

function (){
    let a = 1;
    var a = 3;
    console.log(a);
}

function (){
    let a = 1;
    let a = 3;
    console.log(a);
}

可以运行试试看，以上2段代码都报错。

不能在函数内部重新声明参数！！

function func(arg){
    let arg;
}
//报错

function func(arg){
    {
        let arg;
    }
}
//不报错