面试题：var、let 和const的区别

浅浅的花香味﹌ 2023-02-23 08:41 25阅读 0赞

问题：**var、let 和const的区别？**

**（1）块级作用域**

块作用域由 `{ }`包括，let和const具有块级作用域，var不存在块级作用域。

块级作用域解决了ES5中的两个问题：

*  内层变量可能覆盖外层变量
 *  用来计数的循环变量泄露为全局变量

**（2）变量提升**

var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。

**（3）给全局添加属性**

浏览器的全局对对象是window，Node的全局对象是global。var声明的变量为全局变量，同时会将该变量添加为全局对象的属性，但是let和const就不会。

**（4）重复声明**

var声明变量时，可以重复声明变量，const和let不能重复声明。

**（5）暂时性死区**

在代码块内，使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为**暂时性死区**。

**（6）初始值设置**

在变量声明时，var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。

**（7）指针指向**

let和const都是ES6新增的用于创建变量的语法。 let创建的变量是可以更改指针指向（可以重新赋值）。但const声明的变量是不允许改变指针的指向。

**注意：**

实际上，const保证的并不是变量的值不得改动，而是变量指向的那个内存地址不能改动。对于基本类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。

但对于引用类型的数据（主要是对象和数组），变量指向数据的内存地址，保存的只是一个指针，const只能保证这个指针是固定不变的，至于它指向的数据结构是不是可变的，就完全不能控制了。

<table> 
 <thead> 
  <tr> 
   <th>区别</th> 
   <th>var</th> 
   <th>let</th> 
   <th>const</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>是否有块级作用域</td> 
   <td>×</td> 
   <td>√</td> 
   <td>√</td> 
  </tr> 
  <tr> 
   <td>是否存在变量提升</td> 
   <td>√</td> 
   <td>×</td> 
   <td>×</td> 
  </tr> 
  <tr> 
   <td>是否添加全局属性</td> 
   <td>√</td> 
   <td>×</td> 
   <td>×</td> 
  </tr> 
  <tr> 
   <td>能否重复声明变量</td> 
   <td>√</td> 
   <td>×</td> 
   <td>×</td> 
  </tr> 
  <tr> 
   <td>是否存在暂时性死区</td> 
   <td>×</td> 
   <td>√</td> 
   <td>√</td> 
  </tr> 
  <tr> 
   <td>是否必须设置初始值</td> 
   <td>×</td> 
   <td>×</td> 
   <td>√</td> 
  </tr> 
  <tr> 
   <td>能否改变指针指向</td> 
   <td></td> 
   <td>√</td> 
   <td>×</td> 
  </tr> 
 </tbody> 
</table>