函式基礎
## JavaScript 函式基礎語法
函式（Function）是一段可以重複執行的程式碼，通常用來完成特定工作。
### 1. 函式定義
使用 `function` 關鍵字定義函式：
```javascript
function 函式名稱() {
// 要執行的程式碼
}
```
例如：
```javascript
function sayHello() {
console.log("Hello, JavaScript!");
}
```
這裡的 `sayHello` 是函式名稱。定義函式時，函式內的程式碼不會立即執行。
---
### 2. 函式呼叫
在函式名稱後面加上小括號 `()`，即可呼叫函式：
```javascript
sayHello();
```
呼叫後，函式內的程式碼才會執行。
---
### 3. 函式參數
函式可以接收外部傳入的資料，這些資料稱為參數。
```javascript
function greet(name) {
console.log("你好，" + name);
}
greet("小明");
```
- `name` 是函式定義中的參數
- `"小明"` 是呼叫函式時傳入的引數
---
### 4. 函式回傳值
函式可以使用 `return` 傳回結果：
```javascript
function add(a, b) {
return a + b;
}
```
呼叫函式後，可以將回傳值存入變數，或直接印出：
```javascript
let result = add(3, 5);
console.log(result);
```
---
## 程式範例
### 範例一：沒有參數和回傳值
```javascript
function showMessage() {
console.log("歡迎學習 JavaScript！");
}
showMessage();
```
輸出：
```text
歡迎學習 JavaScript！
```
---
### 範例二：使用參數
```javascript
function greet(name) {
console.log("你好，" + name + "！");
}
greet("小華");
greet("小美");
```
輸出：
```text
你好，小華！
你好，小美！
```
---
### 範例三：使用參數和回傳值
```javascript
function multiply(number1, number2) {
return number1 * number2;
}
let result = multiply(4, 6);
console.log(result);
```
輸出：
```text
24
```
在這個範例中：
1. `number1` 和 `number2` 是函式參數。
2. `multiply(4, 6)` 呼叫函式並傳入兩個數字。
3. `return number1 * number2` 回傳計算結果。
4. `console.log(result)` 印出回傳的結果。
相關學習地圖、教學課程
F2E 網站前端工程