JS 中三种变量声明方式及其区别
- 三种变量声明方式及其区别
- var、let、const 的对比
- 变量的提升
 
三种变量声明方式及其区别
var、let、const 的对比
| 特性 | var | let | const | 
|---|---|---|---|
| 函数作用域 | √(变量在函数中声明时) | not only | not only | 
| 全局作用域 | √(变量在函数外声明时) | × | × | 
| 块级作用域 | × | √(变量声明的所在代码块) | √(变量声明的所在代码块) | 
| 重新声明 | 是 | 否 | 否 | 
| 重新赋值 | 是 | 是 | 否 | 
const的不可变性:const声明的变量必须初始化,且不能重新赋值。但是对于复杂数据类型(如对象),可以修改其中的内容。
变量的提升
- var的提升:变量被提升到作用域顶部并初始化;可以在声明之前访问,值为- undefined
- let的提升:变量被提升到作用域顶部但不初始化;不可以在声明之前访问,会报错- ReferenceError(称为暂时性死区,TDZ)
- const的提升:变量被提升到作用域顶部但不初始化;不可以在声明之前访问,会报错- ReferenceError(称为暂时性死区,TDZ)
暂时性死区的说明:所谓暂时性死区,指的是在进入作用域直到变量声明被执行之前的这段时间内,变量是存在的但是无法被访问,任何访问都会导致
ReferenceError。