var、let、const

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值