let var const声明变量区别_JavaScript 中 var 和 let 和 const 关键字的区别

我们都知道在最新的 ES6 中,新添加了两个用于变量声明的关键字 let 和 const,那么这两个和我们以前经常使用的 var 有什么区别呢?今天我们就来看一下吧。​

2e1c0e8cd1cea6d6470557c0a0a94edb.png

变量声明和初始化

在比较它们的区别之前,我们先来看一下变量声明和初始化。变量声明:

var declaration

变量声明会引入了一个新的标识符 declaration,在 JavaScript 中,新创建的变量的默认值都是 undefined。我们再来看一下变量赋值:​

0831fa9e889e76239bf759a397ddab88.png

​declaration 变量现在被我们赋予了一个值。

作用域

JavaScript 的世界共有两种作用域:全局作用域和方法作用域。使用 var 声明的变量的作用域是方法作用域,如下 date 变量在方法外面不可访问的:​

d2b879ff05be4125f37ffa0f9c85e950.png

​看起来蛮正常的。var 变量关键字的真正问题在于其在方法内部的定义变量开始的任何地方都可以访问到这个变量。如下所示,i、discountedPrice、finalPrice 这三个变量是定义在一个 for 循环体中的 (即位于块作用域中),按照正常思维来讲,在循环结束后,这三个变量是不可访问的,但是现在在这个整个大的方法中,依然是可以访问的:​

9a74e3c3b8ed22a694ecafb1d0708db3.png

var 和 let 对比

var 和 let 第一点不同就是 let 是块作用域,即其在整个大括号 {} 之内可见。如果使用 let 来重写上面的 for 循环的话,会报错:​

d56d2c1b66776fe4b6d9c1dff7e1425e.png

​let 和 var 的第二点不同是,在变量声明之前就访问变量的话,会直接提示 ReferenceError,而不像 var 那样使用默认值 undefined:​

cdf3289393d9ca36d9c6b6fd06abb250.png

let 和 const 对比

const 和 let 的作用域是一致的,不同的是 const 变量一旦被赋值,就不能再改变了:​

3a6336f67d34c9077813dcc664775e22.png

​但是这并不意味着使用 const 声明的变量本身不可变,只是说它不可被再次赋值了:​

3d91f422f0a4d0dc28ec17af4ecfbcfe.png

使用场景

我们已经讲解了它们的主要不同,但是什么时候用 var、let 或 const 呢?我的建议是,大多数情况下都使用 const,除非你知道你的变量的值还会被改变,这样的话,别人阅读你的代码不用老想着这个变量的值会不会有改变。如果这个变量的值的确需要改变,例如在 for 循环里面,那么就是用 let。这也同时意味着你以后就不要用 var 了。

关于 const 的使用,一些程序员还倾向于只用来声明常量,其它情况下一律使用 let 关键字,我觉得这样也是可行的。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值