let、const和var的区别(个人笔记)

1. 区别

（1）块级作用域
块作用域由{ }包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决了ES5中的两个问题：

• 内层变量可能覆盖外层变量
• 用来计数的循环变量泄露为全局变量（for循环中var声明变量会输出最后一个值）

（2）变量提升
  var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否则会报错。
（3）给全局添加属性
 浏览器的全局对象是window，Node的全局对象是global。var声明的变量为全局变量，并且会将该变量添加为全局对象的属性，但是let和const不会。
（4）重复声明
 var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。
（5）暂时性死区
 在使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区。
（6）初始值设置
 在变量声明时，var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。
（7）指针指向
 let和const都是ES6新增的用于创建变量的语法。 let创建的变量是可以更改指针指向（可以重新赋值）。但const声明的变量是不允许改变指针的指向。

image.png

2. const对象的属性可以修改吗

  const保证的并不是变量的值不能改动，而是变量指向的那个内存地址不能改动。对于基本类型的数据（数值、字符串、布尔值），其值就保存在变量指向的那个内存地址，因此等同于常量。
  但对于引用类型的数据（主要是对象和数组）来说，变量指向数据的内存地址，保存的只是一个指针，const只能保证这个指针是固定不变的，至于它指向的数据结构是不是可变的，就完全不能控制了。

以下代码改变了指针，会报错

const a = {}
a = {b: 1} // Uncaught TypeError: Assignment to constant variable.

以下代码改变了属性的值，没有改变指针，不会报错

const a = {}
a.b = 1

本文来源：https://juejin.cn/post/6940945178899251230