JS核心-(63)-ES6 章節：箭頭函式-箭頭函式簡介

前言

ES6 的新增語法，讓原有 JS 撰寫更為精簡 (語法糖)，觀念更為直覺簡便 (新方法)

什麼是語法糖？
讓原有 JS 撰寫更為精簡，但運作的邏輯跟傳統是一樣的。

新方法什麼？
Let、Const、Arrow Function

---

箭頭函式

const callName = function (someone) {
    return '我是' + someone;
}

console.log(callName('Bob'));

上面這個是傳統的函式表達式寫法，將參數傳入 callName 的函式之後，會回傳 ‘我是’ + 傳入的參數的字串。

那麼如果要改寫成箭頭函式的話該怎麼做呢？

1. 移除 function 的字眼

2. 在傳入參數的右邊補上 =>

修改完的結果就如下 (顯示的結果也是會跟原本的一樣) ：

const callName = (someone) => {
    return '我是' + someone;
}

console.log(callName('Bob'));

---

箭頭函式縮寫

箭頭函式在某些情況下可以進行進一步的將程式碼精簡

• 內容只有一行表達式的時候，可以去除大括號 { } 以及 return 的字樣，會自動 return 表達式的結果。

const callName = (someone) => '我是' + someone;

console.log(callName('Bob'));

• 傳入的參數只有一個的時候，可以省略小括號 () ，但沒有參數或是兩個參數以上的時候不能省略。

const callName = someone => '我是' + someone;

console.log(callName('Bob'));