iT邦幫忙

2023 iThome 鐵人賽

DAY 20
0

在JS中,函數是一個可重複使用的程式碼區塊,執行特定的任務或操作。可以將程式碼片段組織成更小的部分,使程式碼更容易維護和重用。函數通常會執行一個特定的操作,並返回一個結果。
來了解以下的功能吧!

  1. 定義函數
  2. 調用它們
  3. 處理函數的參數和返回值

定義JavaScript函數

要定義JavaScript函數,你可以使用以下語法:

function 函數名稱(參數1, 參數2, ...) {
  // 函數內的程式區塊
  // 可以包含多條語句
  return 返回值; // 可選
}
  • function:
    用於聲明函數的關鍵字。
  • 函數名稱:
    函數指定的名稱。
  • (參數1, 參數2, ...):
    是一個包含在函數中使用的參數的列表,參數是可選的。
  • 函數內的程式區塊:
    執行特定的操作。
  • return:
    關鍵字用於指定函數的返回值(可選)。

範例:定義一個名為 greet 的函數並接受一個參數 name,並返回一個包含問候語的字符串。

function greet(name) {
  return "Hello, " + name + "!";
}

調用JavaScript函數

JS函數需要調用它就要呼叫這個函數。使用函數名稱後面的括號,並在括號內提供所需的參數(如果有的話)就能呼叫這個函數囉!

範例:使用 greet 函數並將 Alice 作為參數傳遞給它,然後將函數的返回值存儲在 result 變數中。

var result = greet("Alice");
// 輸出 "Hello, Alice!"
console.log(result); 

函數的參數和返回值

JS函數可以接受零個或多個參數,參數在函數定義時聲明。這些參數允許你向函數傳遞數據,函數可以在內部使用這些數據執行操作。
此外JS函數可以選擇性的使用 return 關鍵字指定函數返回一個值。如果函數不包含 return 關鍵字,它將默認返回 undefined

範例:定義一個名為 add 函數,它接受兩個參數 ab,然後返回他們相加後的結果。

function add(a, b) {
  var sum = a + b;
  return sum;
}

var result = add(5, 3);
console.log(result); // 輸出 8

今天介紹到這邊,感謝觀看!


上一篇
DAY19 JavaScript流程控制
下一篇
DAY21 JavaScript數組(Array)與物件(Object)
系列文
Web互動式網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言