前言

今天我們將說明JavaScript中的函式以及函示的定義方式。

說明

函式(Function)：

類似於『變數』用來儲存值，『函式』是用來儲存一段可重複使用的程式碼

function 函式名稱(){
  執行內容
}

舉例：

function intro(){
  console.log('My name is Jeremy Hung')
}

現在我們已經有intro這個函示了，那我們該如何使用函式呢？

intro() // My name is Jeremy Hung

然而函示本身還能做更多事情，我們能透過參數(Argument)傳遞數據至函示中，讓函示本身能實現更多功能

// 參數定義在()內
function intro(lastName, firstName){
  console.log(`My name is ${lastName} ${firstName}`)
}

//呼叫intro函示
intro('Jeremy', 'Hung'); // My name is Jeremy Hung
intro('David', 'Chen'); // My name is David Chen

定義函示的方式：

1. 函示宣告(Function Declaration)
   函示宣告就是上方舉例的方式，其語法如下

function 函示名稱(參數1, 參數2, ...){
  執行內容
}

2. 函示運算式(Function expression)
   還記得前面提到的Expression概念嗎？ Expression的特徵會產生『值』
   Function也能產生值，並且我們能將產生的『值』儲存到變數內

函示運算式的主要使用情境為：

• 建立一個未命名的函示，再將此函示放置到其他變數內

let intro = function(lastName, firstName){
  return `My name is ${lastName} ${firstName}` //使用return將值返回至函式
}

console.log(intro('Jeremy', 'Hung')) // My name is Jeremy Hung

• 當作higher order function的callback function使用
• 使用IIFE(Immediately Invokied Function Expression)

篇幅關係，剩下兩個情境留到明天解釋！