为了账号安全,请及时绑定邮箱和手机立即绑定

1分钟带你了解var let 和 const 的区别

标签:
JavaScript

我们都知道ES5之前我们声明变量都是用var,ES6新增了let 和 const ,对于新手小白同学可能还是不太理解,下面我们一起来看看吧。

  • var 声明前使用不会报错,let 和const 则会报错

https://img1.sycdn.imooc.com//5c988d840001ce4605830199.jpg

https://img1.sycdn.imooc.com//5c988d840001f39a09220247.jpg

通过上面的演示可以看到,var声明的变量在声明前使用并不会报错,而只是输出undefined,let则会报错,const和let输出结果一致这里就不演示了,下面我们接着看

  • var 声明的变量存在变量提升成为window的属性,污染顶层对象

https://img1.sycdn.imooc.com//5c988f81000182c508980252.jpg

从图中可以看到,我们用var声明的变量a挂载到了window上面成为了window的属性

https://img1.sycdn.imooc.com//5c98901900013a6e08970313.jpg

而用let声明的变量则不会出现这种情况,(const结果一致)

  • var 多次声明不会报错,let和const则会报错

https://img1.sycdn.imooc.com//5c9891ca0001245e06600245.jpghttps://img1.sycdn.imooc.com//5c9891ca000182f110990192.jpghttps://img1.sycdn.imooc.com//5c9891ca00017cfe10870190.jpg

  • const声明的叫做常量 不允许改变 必须立刻赋值

https://img1.sycdn.imooc.com//5c98928f0001b88e10560187.jpg


https://img1.sycdn.imooc.com//5c9892df0001ea6311210161.jpg

这点从图中可以很明显得体现出

今天就到这里了,下次我们再一起分享


点击查看更多内容
3人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消