ES6学习

---

let和const命令

---

1. let命令

基本用法
let命令,用来声明变量。他的用法类似于var,只在let命令所在的代码块内有效。

    {
        let a = 10;
        var b = 1;
    }

    a // ReferenceError: a is not defined.
    b // 1

let声明的变量在代码块之外调用会报错。

let在for循环中的使用

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

上面代码中,变量i是let声明的,当前的i值在本轮循环由效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是 6。（ JavaScript引擎内部会记住上一轮循环的值,重新声明或者初始化本轮的变量i时,就在上一轮循环的基础上进行计算。）

不存在变量提升
var命令会发生“变量提升”现象，即变量可以在声明之前使用，值undefined。
let纠正了这种现象，它所声明的变量一定要在声明后使用，否则报错。

暂时性死区
只要块级作用域内存在let命令，他所声明的变量就“绑定”这个区域，不再受外部的影响。

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

上面代码中，存在全局变量tmp,也有块内的let声明的tmp，所以在块级作用域内let声明变量前，对tmp赋值会报错。

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

不允许重复声明
let不允许在相同作用域内，重复声明同一个变量，否则会报错。

2. const命令

const声明一个只读的常亮。一旦声明，常量的值就不能改变。而且只声明不赋值也会报错。
同let一样能变量提升，不可重复声明。

本质
const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。
对于对象数组等符合类型的数据，变量指向的内存地址，保存的只是一个指针。

const foo = {};

// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

上面代码中，变量foo储存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，对象本身是可变的，所以依然可以为其添加新的属性。