JS學習筆記#6 | 函式（Function）

Tai Bui on Unsplash

什麼是函式？

函式（Function）是一段可以重複執行的程式碼，用來完成特定的任務或計算。

想像函式是一個機器，接受輸入（參數），進行處理，然後產生一個輸出。

建立函式的方法

1. 函式宣告 (Function Declaration)

   function greet() {
     console.log("你好！");
   }

2. • greet 是函式名稱，使用時只要呼叫 greet() 即可執行這段程式碼。
2. 函式表達式 (Function Expression)

   const greet = function() {
     console.log("你好！");
   };

3. • 將函式賦值給變數 greet，呼叫方式是 greet()。
3. 箭頭函式 (Arrow Function)

   const greet = () => {
     console.log("你好！");
   };

4. • 是一種簡潔的函式語法，特別常見於現代 JavaScript 中。

參數與回傳值

1. 參數 (Parameters)

   function greet(name) {
     console.log("你好，" + name + "！");
   }
   greet("小明"); // 輸出：你好，小明！

2. • 函式可以接受參數（輸入值），用來傳遞資訊。
2. • 在這裡，name 是函式的參數，呼叫時可以提供不同的值。
2. 回傳值 (Return Value)

   function add(a, b) {
     return a + b;
   }
   let sum = add(5, 3); // sum 的值為 8

3. • 函式可以回傳一個值，供外部使用。
3. • return 關鍵字用來結束函式並回傳結果。

函式的好處

• 重複使用：可以將常用的邏輯封裝在函式中，避免重複撰寫代碼。
• 易於維護：代碼變得更易讀、結構清晰，方便維護與更新。
• 模組化：將程式碼分成多個小函式，讓程式更有組織性。

注意事項

• 使用 return 後，函式會立即結束，後面的代碼不會執行。
• 如果函式沒有 return，則回傳值是 undefined。