3.7 函式

有名稱的函式

函式的宣告與執行

function my_function(){ // 宣告一個函式，其名稱為 my_function
  console.log("執行到這裡")
}

my_function(); // 執行名稱叫做 my_function 的函式

函式可帶參數

// 宣告一個函式，其名稱為 add，可帶入兩個參數，分別叫做 a、b
function add(a, b){
  console.log(a + b);
}

add(2, 3);  // 5
add(8, 10); // 18

函式可回傳資料

function subtraction(a, b){
  var result = a - b;
  return result; // 回傳結果，並結束函式的執行
}

var my_num = subtraction(5, 2);
console.log(my_num); // 3

暱名函式

例 1：

// 宣告一個變數名稱為 add，箱子裡放一個匿名函式
var add = function(a, b){
  var result = a + b;
  return result;
};

var function_reuslt = add(5, 2);
console.log(function_reuslt); // 7

例 2：

function add(a, b, cb){
  let sum = a + b;
  return cb(sum, 2);
}

// 第三個參數放匿名函式
let result = add(6, 8, function(sum, denominator){
  let avg = sum / denominator;
  return avg;
});

console.log(result); // 7

函式練習：位數不足，左邊補 0

在 practice 資料夾下，建立 str_pad.html 網頁檔，撰寫以下 JS：

function str_pad(my_num, digits){
  // 1. 將 my_num 轉成字串之後，存到新宣告的 my_num_str 變數
  
  // 2. 執行 while 迴圈，若 my_num_str 的長度個數，小於 digits 的話，
  //    就將 my_num_str 左邊補 0，然後再回存到 my_num_str 變數中。
  
  // 3. 回傳 my_num_str
}

let a = 7;
console.log( str_pad(a, 3) ); // 007