JavaScript 變數宣告 var, let, const 比較
JavaScript在ES6新增了let, const等宣告變數的方式，其中let, const是block scope的，而var則是function scope:
console:
有發現了嗎，test1用var來宣告，且宣告在if block裡面，但是在外面可以存取的到，test2用let來宣告，在外面則存取不到!
接下來看看const:
console:
const是用來宣告不會再改變的常數，因此才會報錯。
總結:
- 在開發過程中應該要盡量讓變數scope最小化，避免在大型專案裏面變數互相影響等問題。
- 在後續不需要再改變的變數，宣告成const會比較好，避免這個value在其它地方被修改。
#note IE11以下不支援let語法，IE11可以:
從console可以看到模擬成IE10，但會出現必須有;的錯誤訊息，但是其實它是因為看不懂第9行的let，我試過改成var就過了。
解決方法:
使用babel來解決，如以下line 5, 6.
其實babel只是幫忙把ES6語法轉成ES5, 讓瀏覽器可以看得懂!
console:
可以看到看的懂let語法了，但出現一行warning，意思應該是建議要上production的話要precompile速度會比較快吧! 有時間再來研究怎麼build.
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
21會員
161內容數
留言0
查看全部
你可能也想看
Google News 追蹤
就是指變數可以被訪問和使用的範圍，來說一下var、let和const的作用域差異。
var :function example() {
console.log(x); // 輸出: undefined 因為變量提升造成的
var x = 5;
}
函數作用域或全域作用域
可以重複宣告
這些章節的目的是為了介紹JavaScript中的各種數據類型，包括基礎類型和物件類型，以及如何將數據從一種類型轉換為另一種類型。此外，還介紹了如何創建自定義類型，以及如何使用JavaScript中的陣列、集合和字典。
在本章節中，我們將學習JavaScript的基本語法，包括如何註解代碼和如何聲明變數。瞭解這些基礎知識對於進一步學習和使用JavaScript來編寫代碼是非常重要的。
※ ES6 變數宣告介紹：
在ES6中，推薦使用let和const取代原有的var來宣告變數。
※ var的特點：
勢力範圍（scope）只有兩種：function、global（全域部分）。
勢力範圍（scope）指的是宣告變數的範圍，能夠被有效的使用的範圍。
可以在宣告變數之前就使用。
※ 函式基礎介紹：
※ JavaScript 特殊的函式特性：
函式可以當成值來傳遞 (可以放進變數或放進物件)
函式可以當成函式的參數
callback - 在特定事件中觸發函式 (非同步特性)
※ 函式的基本寫法：
※ 調用 (invoke) 函式：
"調用" 意指呼叫或執行
※ switch用法：
switch是 JavaScript 中的一個控制結構，是一種更結構化的方法來替代多個 if...else 語句，特別是當需要根據同一變數的多個值進行不同操作時非常有用。
※ switch語法：
switch 語句首先評估括號內的表達式 (expression)。
前言：
雖然前面有些定義還沒有完整的解釋，但還是後面再說吧，
誰想一直看理論啊（摔本子）
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
在剛開始寫 JavaScript 可能大多數的人不會特別意識到 JavaScript 的型別系統有什麼特別之處，我是在看完 Youtube 上 CS50 的課程，才理解到在不同的程式語言中，會因為語言的特性而有不同的系統，JavaScript 就是偏向比較特別的那一種。
就是指變數可以被訪問和使用的範圍，來說一下var、let和const的作用域差異。
var :function example() {
console.log(x); // 輸出: undefined 因為變量提升造成的
var x = 5;
}
函數作用域或全域作用域
可以重複宣告
這些章節的目的是為了介紹JavaScript中的各種數據類型，包括基礎類型和物件類型，以及如何將數據從一種類型轉換為另一種類型。此外，還介紹了如何創建自定義類型，以及如何使用JavaScript中的陣列、集合和字典。
在本章節中，我們將學習JavaScript的基本語法，包括如何註解代碼和如何聲明變數。瞭解這些基礎知識對於進一步學習和使用JavaScript來編寫代碼是非常重要的。
※ ES6 變數宣告介紹：
在ES6中，推薦使用let和const取代原有的var來宣告變數。
※ var的特點：
勢力範圍（scope）只有兩種：function、global（全域部分）。
勢力範圍（scope）指的是宣告變數的範圍，能夠被有效的使用的範圍。
可以在宣告變數之前就使用。
※ 函式基礎介紹：
※ JavaScript 特殊的函式特性：
函式可以當成值來傳遞 (可以放進變數或放進物件)
函式可以當成函式的參數
callback - 在特定事件中觸發函式 (非同步特性)
※ 函式的基本寫法：
※ 調用 (invoke) 函式：
"調用" 意指呼叫或執行
※ switch用法：
switch是 JavaScript 中的一個控制結構，是一種更結構化的方法來替代多個 if...else 語句，特別是當需要根據同一變數的多個值進行不同操作時非常有用。
※ switch語法：
switch 語句首先評估括號內的表達式 (expression)。
前言：
雖然前面有些定義還沒有完整的解釋，但還是後面再說吧，
誰想一直看理論啊（摔本子）
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
在剛開始寫 JavaScript 可能大多數的人不會特別意識到 JavaScript 的型別系統有什麼特別之處，我是在看完 Youtube 上 CS50 的課程，才理解到在不同的程式語言中，會因為語言的特性而有不同的系統，JavaScript 就是偏向比較特別的那一種。