继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

JS快忘了
关注TA
已关注
手记 1
粉丝 1
获赞 5

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

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

https://img1.mukewang.com/5c988d840001ce4605830199.jpg

https://img3.mukewang.com/5c988d840001f39a09220247.jpg

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

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

https://img3.mukewang.com/5c988f81000182c508980252.jpg

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

https://img3.mukewang.com/5c98901900013a6e08970313.jpg

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

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

https://img1.mukewang.com/5c9891ca0001245e06600245.jpghttps://img3.mukewang.com/5c9891ca000182f110990192.jpghttps://img2.mukewang.com/5c9891ca00017cfe10870190.jpg

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

https://img4.mukewang.com/5c98928f0001b88e10560187.jpg


https://img2.mukewang.com/5c9892df0001ea6311210161.jpg

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

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


打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP