var、let、const三者区别可以围绕下面五点展开:
- 变量提升: var会提升,默认为undefined;let、const存在,但声明前不能使用
- 暂时性死区:初始化前不能使用变量。let、const存在暂存性死区
- 块级作用域:大括号{}界定内有let/const变量的作用域
- 重复声明: var可,同一作用域let、const不可
- 修改声明的变量: var、let可,const不可 const声明的对象的属性可修改
var
var作用域为全局或函数内
当在最外层函数的外部声明var变量时,作用域是全局的。这意味着在最外层函数的外部用var声明的任何变量都可以在windows中使用。
当在函数中声明var时,作用域是局部的。这意味着它只能在函数内访问。
var 变量可以重新声明和修改,重复声明会覆盖。
JavaScript在执行代码之前,变量声明和函数声明会移至其作用域的顶部。var声明的变量会被提升到其作用域的顶部,并使用 undefined 值对其进行初始化.
let和const的相同点
创建过程提升,初始化没提升,都被提升到其作用域的顶端,但不会对值进行初始化
需要先声明再使用,在声明前使用let/const变量,则会收到Reference Error;即初始化前不能使用变量,即出现暂存性死区
块级作用域内的let和const只在{}范围内有效
同一作用域不能被重新声明,不同的作用域可以重新声明,使用相同变量名,互不影响
let/const声明的全局变量不属于window对象
let
声明的是变量,可以修改
const
声明的是常量,不能修改
const声明必须在声明时进行初始化
const保存的是内存地址,const定义的对象可以修改属性,数组可添加修改数组元素,不能重新赋值
补充
块级作用域内存在let命令,这个区域就不再受外部影响,块级作用域内let声明前无法使用
var a = 123
if (true) {
a = 'abc' // ReferenceError
let a;
}
如果之前用var或let声明过变量,再用const声明同样会报错
const实际上保证的并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动
对于简单类型的数据,值就保存在变量指向的那个内存地址,因此等同于常量
对于复杂类型的数据,变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的,并不能确保改变量的结构不变
const foo = {}; // 为 foo 添加一个属性,可以成功
foo.prop = 123;
foo.prop // 123
// 将 foo 指向另一个对象,就会报错
foo = {}; // TypeError: "foo" is read-only