JavaScript 概念三明治(四)

函式陳述式與表達式

JavaScript有兩種語法分類：陳述式與表達式。而了解這兩種語法分類之後，我們才有辦法區別函式的兩種使用方法：函式宣告式、函式表達式在運用上有什麼不同。

陳述式

陳述式Statement就像生活中我們所描述事情時所說的某句話像是「今天出門天氣不好的話記得帶傘」，像是一種聲明、或是對邏輯的描寫。陳述式會影響程式的運行流程，並且一定會做某一些事情，向邏輯判斷就是一種陳述式。
但是陳述式在JavaScript並不會產生數值，可以以此看出它跟表達式的區別。所以不能放在JavaScript內預期會產生數值的地方，像是函式的參數、函式的回傳值、或是宣告變數時等號的右邊(不能被用來指派給另一變數)。舉例來說，常見的陳述式有：

*if/switch判斷式
*for/while迴圈
*變數宣告
*一般函式宣告

表達式

就像你每個月上班或打工，做完該做的事情之後會拿到薪水作為回報一樣。表達式也是一段JavaScript在執行完後會得到一個結果的程式碼。它可以是很長，也可以簡短，只要執行後會回傳結果的一段程式碼，就是表達式。
//函式呼叫
functionInvocation();
//變數指派
a = 3;
//運算式
1 + 2;
a ===3;
ture || false;
true && true;
Array.isArray([]) ? doSomeThing() : doOtherThing();
這些都是表達式。

函式陳述式與函式表達式

在JavaScript裡面，要創造一個函式，可以透過宣告式，也能透過表達式來達成。這兩種方法就很值觀則分別稱成「函式陳述式」跟「函式表達式」。

函式陳述式

函式陳述式是藉由直接給函式名稱來直接宣告一個函式，其實它就是一般的函式宣告。之前有說過變數宣告時，JavaScript會幫你保留記憶體空間，所以它屬於陳述式。而像這樣子一般的函式宣告，跟變數宣告會產生的行為是一樣的，因此當然也屬於陳述式。
//可以在宣告函式的程式碼之前就先呼叫
functionStatement();
function functionStatement(){
  //do something
}

函式表達式

另外一種宣告函式的方法是函式表達式，函式表達式的寫法是直接一個把函式指派給另一個變數，之所以能夠這麼做是因為函式本身在JavaScript裡面也是一個物件，所以除了一般的宣告方式之外，函式也能夠作為一個被指派的值。
functionExpression() //functionExpression is not a function
var functionExpression = function(){
   //do somthing
}

回呼函式

在JavaScript裡面很常聽到這個值，那麼什麼是回呼函式Callback Function？其實它指的就是在函式裡面執行的另外一個函式。它有著一種「等某段邏輯執行完畢之後，在告訴我」的意思。

其餘參數以及物件參數

這邊介紹兩種在函式上非常實用的語法：其餘參數和物件作為參數時的展開。

＞其餘參數

當一個函式有可能接收一個以上但不確定數量的參數，我們就能夠使用ES6之後提供的其餘參數(Rest Parameter)。其餘參數以...加上變數名稱來表示，且只能擺在最後一個位置，它會將所有後來未在函式裡面定義的變數，蒐集成一個陣列傳入函式。

function addAll(a,b,…rest){
   let sum =a+b;
   rest.forEach((num)=>{  //參數 rest會是一個陣列
      sum = sum +num;
   })
   return sum;
}
AddAll=addAll(1,2,3,4,5,6);
console.log(AddAll);

>物件參數的展開

當一個物件參數傳入函式時，我們可以把這個物件「展開」，快速地取得物件裡面的屬性作為參數給函式內的邏輯使用。

var userInfo = {
   name:'Anakin',
   nickName: 'King'
}
function displayUser({name,nickName}){
//do something
}
displayUser(userInfo);