淺談JS中 var let const 變量聲明


淺談JS中 var let const 變量聲明

var來聲明變量會出現的問題:

 

1. 允許重復的變量聲明:導致數據被覆蓋

2. 變量提升:怪異的數據訪問、閉包問題

3. 全局變量掛載到全局對象:全局對象成員污染問題

 

1

 

 

 

 

var聲明的變量會默認被提升到當前作用域的頂部

 

2

 

 

 

 

 

 

 

For循環內的i變量當前所處的環境是全局作用域(函數局部作用域同理,只不過聲明之后不綁定在window上)。

所以在最后點擊事件觸發的時候打印的i都是當前作用域上的同一個i,也即是最后的11

,這就產生了閉包,如下圖

 

 

 

 

 

 

ES6 中引入let const,以及塊級作用域來解決這個問題

 

什么是塊級作用域

塊級作用域:代碼執行時遇到花括號,會創建一個塊級作用域,花括號結束,銷毀塊級作用域

 

let在全局作用域下定義變量不會掛在到頂層對象window

let聲明的變量,不允許當前作用域范圍內重復聲明,在塊級作用域中用let定義的變量,在作用域外不能訪問

let不會有變量提升,因此,不能在定義let變量之前使用它

 

1(對比):

 

 

 

 

 

 

為什么會出現error,因為在letconst中引入了一個暫存該類變量的區域Temporal Dead Zone,簡稱TDZ。就是我們所說的臨時死區。

TDZ中的變量不能被訪問,不然就會報錯,只有在給該變量賦值的時候才會從死區內接觸。

 

問題:letconst申明的變量真的不被提升嗎?

let聲明的變量實際上也會有提升,但是,提升后會將其放入到暫時性死區,如果訪問的變量位於暫時性死區,則會報錯:“Cannot access 'a' before initialization”。當代碼運行到該變量的聲明語句時,會將其從暫時性死區中移除。

 

2(對比):

 

 

 

 

輕松解決閉包問題

 

但是我們看到,此時for循環內()中的let i並不在塊級作用域內,講道理應該最后點擊時,打印的應該是這個全局上的i。這個i最后是11,可是從結果上來看卻不是這樣。

 

在全局上打印這個i

 

 

 

 

說明這個for循環()內的i並不是定義在全局作用域上的

 

原因:

對於for循環()內let定義的變量,做了特殊的處理。此變量相當於默認聲明在后面塊級作用域內

 

const

const let特性相同,唯一不同的是,const一般指的都是常量,常量的定義是不可改變的變量,所以用const 申明的變量是不可變的,且只能在定義是進行賦值。

 

 

值得注意的是const聲明的常量是指存入內存的內存空間不可變。這也就意味着,如果存的是引用值,改變引用值內的屬性,const所對應的值就會改變

 

 

 

通常在開發中能寫const就用const,不行就用let,這樣出bug率小

 

 

每天學習每日進步,不斷累積。大佬們說過,只會api的前端不是一個好的工程師。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM