箭頭函式
## 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 網站前端工程