【Javascript】ES6 未完

1.关键字let

在ECMAScript6中，定义一个变量只在所处的代码块起作用的关键字是？
答案： 关键字let。 ES6 新增了 let 命令，用来声明变量。它的用法类似于 var，但是所声明的变量，只在 let 命令所在的块级作用域（花括号{ }）起作用。

//例1
var arr = [ ];

for(var i=0 ; i<10 ; i++){
    arr[i]=function(){
        alert(i);
    }
}
arr[8]();//Out：10

如果用var声明的变量，i的值会影响到各个块里面的i，等循环完后i等于10，所有块的i都变成了10。

var arr = [ ];

for(let i=0 ; i<10 ; i++){
    arr[i]=function(){
        alert(i);
    }
}
arr[8]();//Out：8

for循环含有{ }，也就是含有了块级作用域，每个变量i都只是在自己的作用域起作用，例如：第10次循环中的i的值不会影响到第9次循环。

//例2
var a=1;

(function(){
    alert(a);
    let a=2;
})();//Out:报错a未定义

用let关键字来定义a，这样a在代码块内就不会提升了。那为什么报错了呢？因为用let声明的变量，在其块级作用域内是封闭的，是不会受到外面的全局变量a影响的，并且要先声明再使用，所以a的值既不是1（因为不受外面的影响），也不是undefined（因为先声明再使用），更不是2，未声明定义就使用，只有报错啦！

【注意】

（1）同一个块级作用域内，不允许重复声明同一个变量。

//错误1 
{
    var a=1;
    let a=2;//报错，因为a已经用var声明过
}

//错误2
{
    let a=1;
    let a=2;//报错，因为a已经用let声明过
}

（2）函数内不能用let重新声明函数的参数。

function say(word){
    let word="hello Jack"; //报错，用let重新声明word参数
    alert(word);
}
say("hello Lili");

【总结】

用let声明变量只在块级作用域起作用，适合在for循环使用，也不会出现变量提升现象。同一个代码块内，不可重复声明相同的变量，不可重复声明函数内的参数。

---

2.关键字const

　　const是专门用于声明一个常量的，顾名思义，常量的值是不可改变的。
　　
　　以前用var声明的变量，想怎么改就怎么改，同一个变量，后面的值可以轻松覆盖原来的值，这次const声明的变量，可由不得我们这么任性地想改就改了。

【常量的特点】

（1）不可修改

    const Name = '张三';
    Name = '李四';//错误，企图修改常量Name

（2）只在块级作用域起作用，这点与let关键字一样。

    if(1){
        const Name = '张三';
    }
    alert(Name);//错误，在代码块{ }外，Name失效

（3）不存在变量提升，必须先声明后使用，这点也跟let关键字一样。

    if(1){
        alert(Name);//错误，使用前未声明
        const Name = '张三';
    }

（4）不可重复声明同一个变量，这点跟let也一样。

    var Name  = '张三';
    const  Name = '李四';//错误，声明一个已经存在的变量Name

（5）声明后必须要赋值

    const NAME; //错误，只声明不赋值

Q：如果常量是一个对象呢？

    const Person = {"name":"张三"};
    Person.name = "李四";
    Person.age = 20;
    console.log(Person);
    //结果：正常输出{name: "李四", age: 20}

　　咦？怎么常量Person好像被修改了，name改成了“李四”，而且还添加了age属性，值为20；怎么没有报错，还正常输出，不是说好了常量不可修改吗，友谊小船说翻就翻了，说好的常量说变就变，别怕，友谊还是很牢固的。我们一起来找找原因。

【传址赋值】

在赋值过程中，我们可以分为传值赋值和传址赋值。这里我们用到了传址赋值，什么叫传址赋值？

传址：在赋值过程中，变量实际上存储的是数据的地址（对数据的引用），而不是原始数据或者数据的拷贝。

例如：

    var student1 = {"name":"张三"};
    var student2 = student1;
    student2.name = "李四";
    console.log(student1);
    //结果：输出 {name: "李四"}
    console.log(student2);
    //结果：输出 {name: "李四"}

这就是传址赋值！

例如：

    //张师傅把你家的门改成红色
    var Zhang = {"door":"red"};

    //次日，你把地址也告诉了王师傅
    var Wang = Zhang;

    //王师傅按照地址，去到后把门改成绿色
    Wang.door = "green";

    //最后不管是张师傅还是王师傅来到你家，看到门都是绿色的
    console.log(Wang); //结果：输出 {door: "green"}
    console.log(Zhang); //结果：输出 {door: "green"}

　　用const来声明一个对象类型的常量，就是传址赋值。而不可修改的是对象在内存中的地址，而不是对象本身（不可变的是你家的地址，而不是你家的门）。所以，这就很好的解释刚刚的这段代码为什么不会报错，而是正常输出了。

    const Person = {"name":"张三"};
    Person.name = "李四";
    Person.age = 20;
    console.log(Person);
    //结果：正常输出{name: "李四", age: 20}

　　因为修改的只是Person本身，修改的是name属性和增加一个属性age，而地址没变，也不可变，所以并没有违背常量不可修改的约定。
　　
但是，如果这样写呢，就会报错：

    const Person = {"name":"张三"};
    Person.age = 20;
    Person = {}; 
    //错误，企图给常量Person赋新值（新地址）

　　用const声明后，张师傅、王师傅就只认得你家的地址了，不能再告诉他其他家的地址。
　　

【总结】

　　const也是用于声明一个常量，并必须赋值，声明后不可修改，跟let一样，只在块级作用域起作用，不可重复声明同一个变量，不会变量提升，声明引用类型的常量时，要注意是传址赋值。

---