Day13:能力封裝–函式
函式的作用在於將一段或多段函式包裝在一起，方便反覆使用，一目了然也方便維護。當需要重複執行一次計算或重複做一件事的時候，就會需要用到函式。
像這樣就是一個函式：
function firstFun () {
console.log('桃花島的五行八卦陣');
}函式執行前要先被定義，但是定義好的函式不會自動執行，要在程式中呼喊愛情，啊！不對！是呼叫函式，函式才會動起來！
最常見的函式宣告方式有以下三種：
- 函式宣告(Function Declaration)
- 函式表達式(Function Expression)
- 透過new Function關鍵字建立函式
函式宣告(Function Declaration)
function 函式名稱 (參數1, 參數2...){
//do something
}- 用function開頭，後面接著函式名稱。
- ()小括號中放的式參數，參數可以不只一個，每個參數中間以逗號 「,」隔開。
- {}大括號中放的是執行的程式內容。
我們已可以把參數帶入function中使用：
function firstFun (name) {
console.log( name + '闖入桃花島的五行八卦陣');
}
firstFun('郭靖') //郭靖闖入桃花島的五行八卦陣函式表達式(Function Expression)
函式表達式長這個樣子：
var 變數名稱 = function 函式名稱(){
//do something
}函式表達式清楚地展示了如何將一個函式儲存在一個變數中，從而透過變數我們可以反覆地叫用函式。函式的名稱只有在「自己函式的區塊內」有效，離開這個函式的範圍，函式的名稱就失去了效用。
透過「變數名稱()」就可以呼叫函式，所以「函式名稱」不是一定要的，這種沒有名字的函式在JavaScript是允許的，通常被稱為「匿名函式」。
var 變數名稱 = function (){
//do something
}var firstFun = function (name) {
console.log( name + '闖入桃花島的五行八卦陣');
}
firstFun('郭靖') //郭靖闖入桃花島的五行八卦陣透過new Function關鍵字建立函式
第三種則是透過 new關鍵字 + Function的方式來建立函式物件。
var 變數名稱 = new Fnction ('參數','do something')因為這種方式，每次執行都要解析字串，效能甚差，實務上很少使用。
return
對一個新手而言，剛遇到這個return實在是丈二金剛摸不著腦？return到底是要轉到哪裡去？
後來搞懂了，原來函式執行後，return會中止程式執行並回傳一個值(value)，如果沒有值可以回傳，則會會傳undefined。
var funNoReturn = function square(num){
num * num;
}
funNoReturn(2);
//undefined 沒有回傳值，所以undefinedvar funReturn = function square(num){
return num * num;
}
funReturn(2);
//4 加上retrurn之後，就有回傳值了回傳值是函式輸出的值，可以帶入其他的程式碼中繼續運算。函式可以接受多個參數，但是只能回傳一個值，如果沒有告訴函是要回傳什麼，就會回傳undefined。
也可以把函式呼叫當作值來使用：
var funReturn = function square(num){
return num * num;
}
funReturn(2) + funReturn(3);
//13我們也可以利用return來結束函示執行，如果函式的任意一個參數無效，就提前跳出函式。無效指的是，參數不符合函式所定義的條件。
var fun = function (num){
if(num > 5){
return;
}
return num * num;
}
fun(6); //undefined
fun(2); //"4"fun(6)因為num >5，參數符合if條件 ，就執行{}內程式碼，return跳出了函式，回傳undefined。
fun(2)因為num<5，參數不符合if條件，所以繼續往下執行return num * num，回傳值為4。