Arrow function

箭頭函式為ES6的新增語法

• 讓原有 JS 撰寫更為精簡（語法糖）
• 讓 JS撰寫觀念更為直覺、簡便

用法

1. 寫法為移除function後，於參數後方加上 =>
2. 自帶return效果

例 ❶ （答案：72）

const numA = (x,y) => {
    const a = 3;
    return a * x * y;
console.log(numA(4,6));

縮寫

1. 如果函式搭配到return，可以省略不寫 (表達式)
2. 函式只帶一個參數的情況下，可以不用小括號包覆
3. 但沒有參數還是要有空括號（）

例 ❶ （答案：24）

const numA = (x,y) => {
    return `答案是${ x * y}`;
}
console.log(numA(4, 6));

縮寫成 ??

const numC = (x,y) => `答案是${ x * y}`;
console.log(numC(4, 6));

例 ❷

const data = [1, 2, 45, 83];
const newData = data.map(function (item) {
    return item + 2;
})

縮寫成 ??

const data = [1, 2, 45, 83];
const newData = data.map((item) => item + 2);

補充

也可以這樣寫

箭頭函式II