【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声明一个只读的常量。一旦声明，常量的值就不能改变。但对于声明的常量是一个字面量的对象时，是可以修改常量的属性值。