2017年1月3日

[筆記] JavaScript ES6 中使用block-scoped 的 let 宣告變數



最近開始在 Udemy 上學習和另一個與 JavaScript 有關的課程ㄧ Accelerated ES6 JavaScript Training,主要的內容是針對 ES6(ECMAScript 6)加以學習,因此接下來會整理這門課程當中的內容還有其他網頁資源作為自己的學習筆記,有想要一同學習的夥伴們也可以持續 follow ,另外,因為我也是在持續學習的過程中,所以如果有任何觀念或語法上的錯誤,也非常希望比較有經驗的大大們可以協助改正。

使用 let 宣告變數


在 ES6 中有一個新的關鍵字 let ,let 的用法和過去使用的 var 非常相似,都可以用來宣告變數:

在這裡我們可以看出,不論是用 var 或用 let 都能得到相同的結果。


然而,var 和 let 最主要的差別在於 let 所宣告的變項只有在代碼塊區域(block scope)內有效,讓我們繼續看下去:

當我們使用 var 來宣告變數時,因為它不會受限於在代碼區塊內,所以一樣可以輸出變數內容。


但是當我們使用的是 let 的時候,一切就不同了,因為 let 所宣告的變數只能做用到代碼塊區域(block scope)中,所以當我們在 { } 外面要呼叫用 let 所定義的 author 這個變數時,就會出現 error:


簡單一句話來說:用 let 所定義的變數只能作用在所屬的 { } 中有效



0 意見:

張貼留言