1分鐘帶你瞭解var let 和 const 的區別

gamebus發表於2021-09-09

我們都知道ES5之前我們宣告變數都是用var,ES6新增了let 和 const ,對於新手小白同學可能還是不太理解,下面我們一起來看看吧。

  • var 宣告前使用不會報錯,let 和const 則會報錯

圖片描述

圖片描述

透過上面的演示可以看到,var宣告的變數在宣告前使用並不會報錯,而只是輸出undefined,let則會報錯,const和let輸出結果一致這裡就不演示了,下面我們接著看

  • var 宣告的變數存在變數提升成為window的屬性,汙染頂層物件

圖片描述

從圖中可以看到,我們用var宣告的變數a掛載到了window上面成為了window的屬性

圖片描述

而用let宣告的變數則不會出現這種情況,(const結果一致)

  • var 多次宣告不會報錯,let和const則會報錯

圖片描述圖片描述圖片描述

  • const宣告的叫做常量 不允許改變 必須立刻賦值

圖片描述


圖片描述

這點從圖中可以很明顯得體現出

今天就到這裡了,下次我們再一起分享


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4687/viewspace-2822383/,如需轉載,請註明出處,否則將追究法律責任。

相關文章