【前端面经】JS 中 var、let、const 变量声明方式及其区别？

JS 中三种变量声明方式及其区别

• 三种变量声明方式及其区别
• • [var、let、const 的对比](#var、let、const 的对比)
  • 变量的提升

三种变量声明方式及其区别

var、let、const 的对比

特性	var	let	const
函数作用域	√（变量在函数中声明时）	not only	not only
全局作用域	√（变量在函数外声明时）	×	×
块级作用域	×	√（变量声明的所在代码块）	√（变量声明的所在代码块）
重新声明	是	否	否
重新赋值	是	是	否

const 的不可变性 ：const 声明的变量必须初始化，且不能重新赋值。但是对于复杂数据类型（如对象），可以修改其中的内容。

变量的提升

• var 的提升：变量被提升到作用域顶部并初始化；可以在声明之前访问 ，值为 undefined
• let 的提升：变量被提升到作用域顶部但不初始化；不可以在声明之前访问 ，会报错 ReferenceError（称为暂时性死区，TDZ）
• const 的提升：变量被提升到作用域顶部但不初始化；不可以在声明之前访问 ，会报错 ReferenceError（称为暂时性死区，TDZ）

暂时性死区的说明 ：所谓暂时性死区，指的是在进入作用域直到变量声明被执行之前的这段时间内，变量是存在的但是无法被访问 ，任何访问都会导致 ReferenceError。