函式
函式把一段程式取名字。呼叫這個名字時,這段程式就會再跑一次。同樣的邏輯請收進函式,不要複製貼上。
宣告與呼叫
a、b是參數:函式裡的空位。呼叫add(2, 3)時,a得到 2、b得到 3。return把結果交回給呼叫的地方。沒有return時,得到的是undefined(沒有值)。
箭頭函式
箭頭函式是較短的寫法,意思與上面的 function add 相同:
const add = (a, b) => {
return a + b;
};
const double = (n) => n * 2;
console.log(add(2, 3));
console.log(double(4));
只有一句而且要把那句的結果傳回去時,可以省略大括號與 return,如上面的 double。
預設參數
呼叫時沒傳這個參數,就用等號後面的預設值:
function greet(name = "朋友") {
console.log(`Hello, ${name}`);
}
greet(); // Hello, 朋友
greet("Ada"); // Hello, Ada
範例
function average(nums) {
let total = 0;
for (const n of nums) {
total += n;
}
return total / nums.length;
}
console.log(average([80, 90, 70]));
總結
函式 = 名稱 + 參數 + 內容 +(通常有)回傳值。新專案裡,簡短邏輯用箭頭函式、具名的工具函式用 function 都可以,同一檔案保持一致即可。