WeHelp
掌握基礎的 JavaScript 觀念、語法、和程式運作流程,以及物件導向程式的入門技巧。
  1. JavaScript 快速開始
  2. 資料、資料型態
  3. 變數的使用
  4. 運算符號
  5. IF 條件判斷
  6. Switch 條件判斷
  7. While 迴圈
  8. For 迴圈
  9. 函式基礎
  10. 內建函式
  11. 箭頭函式
  12. 匿名函式
  13. 物件基礎
  14. 建構函式
  15. 類別與物件
  16. 字串物件
  17. 數學物件
  18. 陣列物件
變數的使用
## JavaScript 的變數觀念 變數(Variable)是用來**儲存資料的名稱**,例如文字、數字或布林值。程式執行時,可以透過變數讀取或修改資料。 ### 宣告變數的方法 JavaScript 常見的宣告方式有: ```javascript let age = 20; const name = "小明"; var city = "台北"; ``` - `let`:宣告可以重新賦值的變數。 - `const`:宣告常數,建立後不能重新賦值,通常優先使用。 - `var`:較舊的宣告方式,現代 JavaScript 通常以 `let` 或 `const` 取代。 ### 變數的使用方式 可以將變數放入運算、字串組合或函式中使用。例如: ```javascript let score = 80; score = score + 10; console.log(score); // 90 ``` --- ## 範例一:儲存個人資料 ```javascript const name = "小美"; let age = 18; console.log("姓名:" + name); console.log("年齡:" + age); ``` 輸出結果: ```text 姓名:小美 年齡:18 ``` --- ## 範例二:計算總和 ```javascript let price = 100; let quantity = 3; const total = price * quantity; console.log("總金額:" + total); ``` 輸出結果: ```text 總金額:300 ``` 一般來說,若變數的值不會改變,使用 `const`;若之後需要重新指定值,則使用 `let`。
相關學習地圖、教學課程
F2E 網站前端工程
從 0 開始,成為網站前端工程師的學習路徑。