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 箭頭函式(Arrow Function) 箭頭函式是 JavaScript 提供的簡潔函式語法,使用 `=>` 表示。 ### 基本語法 ```javascript const 函式名稱 = (參數) => { // 函式內容 }; ``` 如果函式只有一個運算式,可以省略大括號與 `return`: ```javascript const 函式名稱 = 參數 => 運算式; ``` ### 主要特性 - 語法比一般函式更簡潔。 - 單一參數時可以省略括號。 - 單一運算式會自動回傳結果。 - 不會建立自己的 `this`,而是使用外層作用域的 `this`。 - 沒有自己的 `arguments` 物件。 - 不能使用 `new` 建立實例。 ## 範例 1:計算兩數相加 ```javascript const add = (a, b) => a + b; console.log(add(3, 5)); // 8 ``` ## 範例 2:使用陣列的 `map` ```javascript const numbers = [1, 2, 3]; const doubled = numbers.map(number => number * 2); console.log(doubled); // [2, 4, 6] ```
相關學習地圖、教學課程
F2E 網站前端工程
從 0 開始,成為網站前端工程師的學習路徑。