let const

let

• 与var的区别
  • 块级作用域
  • 不存在变量提升（会导致暂时性死区）
  • 不允许重复声明

---

1.块级作用域

• es5是函数作用域var变量会导致块级作用域外泄:

// 块级作用域外泄
var a = {test: '123', test1: '345'};
for (var item in a) {
    console.log(item);
}
console.log(item);//可以读出item

• es6中let关键字解决块级作用域外泄

// 解决方法ES6中的let关键字
var a = {test: '123', test1: '345'};
for (let item in a) {
    console.log(item);
}
console.log(item);//块级作用域外不可以读出item

// 事实上babel会将上面语句转换为:
var a = {test: '123', test1: '345'};
for (var _item in a) {
    console.log(_item);
}
console.log(item);

---

2.不存在变量提升

• es5中的变量提升

console.log(foo); // 输出undefined
var foo = 2;
// 相当于
var foo;
console.log(foo); // 输出undefined
foo = 2;

• es6中let不存在变量提升

console.log(bar); // 报错ReferenceError
let bar = 2;

• 块级作用域和变量不提升导致的暂时性死区

//块级作用域与let变量声明之间的这一块就是暂时性死区
var tmp = 123;
if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

---

3.不允许重复声明

• es5中同一作用域下声明两个一样的变量会后者覆盖

var item = 1;
var item = 2;
console.log(item);//2

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

// 报错
var item = 1;
let item = 2;
console.log(item);

---

const

• const声明一个只读的常量。一旦声明，常量的值就不能改变。

  • const的作用域与let命令相同：只在声明所在的块级作用域内有效。
  • const命令声明的常量也是不提升，同样存在暂时性死区
  • const声明的常量，也与let一样不可重复声明。

• const的本质

  • const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。

  const foo = {}; 
  // 为 foo 添加一个属性，可以成功
  foo.prop = 123;
  foo.prop // 123
  // 将 foo 指向另一个对象，就会报错
  foo = {}; // TypeError: "foo" is read-only
  

let和const变量的声明不在是在全局变量上

var a = 1;
// 如果在 Node 的 REPL 环境，可以写成 global.a
// 或者采用通用方法，写成 this.a
window.a // 1

let b = 1;
window.b // undefined