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
。