函式 function

函式的核心組成：

• 函式的本體
• 函式的參數
• 函式的回傳值

函式的基本語法一：

function 函式名稱(函式參數列表){

　　函式內部的程式碼;

　　return(回傳值);　

}

• 程式碼範例

function add(n1, n2){

　　let result=n1+n2;　　

　　return result;　　

}

函式的基本語法二：

let 函式名稱=function(函式參數列表){

　　函式內部的程式碼;

　　return(回傳值);

}

• 程式碼範例

let add=function(n1, n2){

　　let result=n1+n2;

　　return result;　

}

箭頭函式語法：

• 省去關鍵字 function , 用 = 代替

let 函式名稱=(函式參數列表)=>{

　　函式內部的程式碼;

　　return(回傳值);

}

• 程式碼範例

let add=(n1,n2)=>{

　　let result=n1+n2;

　　return result;

}

箭頭函式簡化寫法：

• 可以簡化的箭頭函式, 函式內部只有"回傳值"：

let 函式名稱=(函式參數列表)=>{

　　return(回傳值); // 函式內部只有"回傳值"

}

• 箭頭函式簡化寫法範例：

let 函式名稱=(函式參數列表)=>(回傳值);

箭頭函式簡化程式碼範例：

• 不可以簡化

let add=(n1,n2)=>{

　　let result=n1+n2;

　　return result;

}

• 可以簡化

let add=(n1,n2)=>{ 　　

　　return n1+n2;

}

• 簡化後的寫法

let add=(n1,n2)=>(n1+n2);

練習題：

• 計算 1+2+3+...+10的結果

function add(){

　　let total=0;

　　for(let i=1;i<=10;i++){

　　    total=total+i;

　　} return total;

}

let ans=add();

console.log(ans);　　

• 計算1+2+3+...+max的結果 (自定義最大數字)

function add(max){ // 參數自定義

　　let total=0;  // 宣告變數要在函式裡面

　　for(let i=1;i<=max;i++){

　　    total=total+i;

　　} return total; // 回傳值

}

let ans1=add(10); // 1+2+3+...+10 的結果

let ans2=add(20); // 1+2+3+...+20 的結果

console.log(ans1, ans2); // 印出 回傳值1 , 回傳值2

• whie 寫法

function add(max){

　　let result=0;

　　let i=1;

　　while(i<=max){

　　　　result=result+i;

　　　　i++;

　　} return result;

}

let ans1=add(10); // 1+2+3+...+10 的結果

let ans2=add(20); // 1+2+3+...+20 的結果

console.log(ans1, ans2); // 印出 回傳值1 , 回傳值2

• 箭頭函式的乘法

let multiply=(n1, n2)=>{

　　return n1*n2;

}

let ans=multiply(3, 4);

console.log(ans); // 印出 12

• 簡寫

let multiply=(n1, n2)=>(n1*n2);

let ans=multiply(3, 4);

console.log(ans); // 印出 12