JS：let，const，var的区别？

[chenfan0]

let和var的区别：

• let具有块级作用域，而var没有。

  // 打印5个5
  for (var i = 0; i < 5; i++) {
  setTimeout(() => {
  console.log(i) 
  }, i * 100);
  }
  // 打印0，1，2，3，4
  for (let i = 0; i < 5; i++) {
  setTimeout(() => {
  console.log(i)
  }, i * 100);
  }

• var声明的变量存在变量提升，let声明的变量只能在声明之后使用。

  
  console.log(a) // undefined
  var a = 100

console.log(b) // 报错 ReferenceError: Cannot access 'b' before initialization let b = 100

- var声明的变量会被挂在全局对象上上，而let声明的变量不会。
```js
var a = 100
console.log(window.a)  // 100
let b = 100
console.log(window.b) // undefined 

• var声明变量时可以重复声明，而let声明的变量则不允许重复声明

  var a
  var a = 100
  let b
  let b = 100 // 报错 SyntaxError: Identifier 'b' has already been declared

• let存在暂时性死区，var不存在。（暂时性死区：在声明变量之前，该变量都是不可访问的）

  
  let a = 100

if (true) { // 因为在该if块级作用域内，存在a的声明。所以在该作用域内，声明a之前都是访问不了a的。 console.log(a) // 报错 ReferenceError: Cannot access 'a' before initialization let a = 200 }

### let和const的区别：
- let声明的变量可以被重新赋值，而const声明的变量不能被重新赋值。(注意：const声明的变量是不能被重新赋值，但是如果const声明的变量赋值为一个对象，那么是可以对这个对象的属性进行增删改查，但是不能重新赋值，也就是指针不能变)
```js
let a = 100
a = 200

const b = 100
b = 200 // TypeError: Assignment to constant variable.

const c = {
  name: 'aaa',
  age: 18
}

c.name = 'bbb'
c.id = 123
c = {} // TypeError: Assignment to constant variable.

• let声明变量时可以不设置初始值，而const声明变量时必须同时设置初始值。

  
  let a
  const b  // SyntaxError: Missing initializer in const declaration