【ECMAScript 学习笔记】1.let 和 const 命令

let 命令

  ES6新增了 let 命令，用来声明变量。它的用法类似于 var，但是所声明的变量，只能在 let 命令所在的代码块内有效。

    {
        var a = 10;
        let b = 1;
    }
    console.log(a);//10
    console.log(b);//ReferenceError: b is not defined.

  let 不像 var 那样会发生 “变量提升” 现象。所以，变量一定要在声明后使用，否则会报错。

    console.log(foo);// undefined
    var foo = 2;

    console.log(bar);//ReferenceError: bar is not defined
    let bar = 2;

  ES6 明确规定，如果区块中存在 let 和 const 命令，这个区块对这些命令声明的变量从一开始就形成了封闭作用域，这些变量将不受外界影响，凡是在声明前就使用这些变量，就会报错。这种语法我们称为 “暂时性死区（temporal dead zone 简称 TDZ）”

    var tmp = 123;
    if (true) {
        tmp = 'abc'; // ReferenceError: tmp is not defined  
        let tmp;
    }

TDZ 也就意味着 typeof 不再是一个百分百安全的操作。

    console.log(typeof testType); //ReferenceError: testType is not defined
    let testType;

TDZ 的本质就是：只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量

  let 不允许在同一个作用域中，重复声明相同的变量

    //报错
    function func(parm){
        let parm = 'Hello';//SyntaxError: Identifier 'parm' has already been declared
    };

    //不报错
    function func2(parm){
        {
            let parm = 'Hello';//Hello
        }
    };

块级作用域

  为什么需要块级作用域？
- ES5 只有全局作用域和函数作用域,没有块级作用域，这样会带来很多不合理的场景
* 第一种场景，内层变量可能会覆盖外层变量
javascript
var scop_one = new Date();
function showScopOne(){
console.log(scop_one);
if(false){
var scop_one = 'Hello World';
}
};
showScopOne(); // undefined

上面代码中，执行 showScopOne 函数输出结果为 undefined，原因在于变量提升，导致内层的 scop_one 变量覆盖了外层的 scop_one 变量。

* 第二种场景，用来计数的循环变量泄露为全局变量
```javascript
    var scop_two = 'Hello';
    for(var i = 0; i< scop_two.length; i++);
    console.log(i); //5
```
变量 i 只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。

• ES6 let 命令为 javascript 新增了块级作用域

  • 实际上使得获取广泛应用的立即执行匿名函数（IIFE）不再必要了

        //IIFE 写法
        (function(){
            var temp = ....
        })();
    
        //块级作用域写法
        {
            let temp = ....
        };

  • ES6 明确允许在块级作用域中声明函数

        'use strict';
        if(true){
            function f(){};
        };

  • 并且 ES6 规定，块级作用域中，函数声明的语句类似于 let命令，在块级作用之外不可引用

        function foo() { console.log('I am outside!'); }
        (function(){
            if(false){
                function foo(){console.log('I am inside!'); };
            }
            foo(); //I am outside!
        });

const 命令

  const 命令声明了一个只读的常量，一旦声明，常量的值不能改变。这也就意味着，const 一旦声明，就必须立即初始化赋值。

    const PI = 3.1415;
    PI = 3; //TypeError: Assignment to constant variable.

   const 的作用域与 let 命令相同，只在声明所在的块级作用域内有效。

    {
        const SECRET = 'Hello Const';
    };
    console.log(SECRET); //SECRET is not defined

   const 命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用，同样也不能重复声明。

  const 命令声明的对象是可以更改其属性值的。

    const USER = {
        name:'H_VK'
    }
    USER.password = '123456';
    console.log(USER);// {name: "H_VK", password: "123456"}

这是因为对象是引用类型，const 只针对其引用的内存地址不可更改，而不针对其属性值更改。

小结

  let 用来声明块级变量，当一个变量已经用let声明了，当我们再次用let或var进行声明就会报错。块级{}中的let只在快中有效。在es6 中 var，let可以一次性声明多个变量，对象或数组的格式为多个变量赋值。

  关于常量的声明const，可以一次性声明多个常量，const声明一个只读的常量。一旦声明，常量的值就不能改变。但对于声明的常量是一个字面量的对象时，是可以修改常量的属性值。