JavaScript 核心觀念(64) - ES6 章節:箭頭函式 - 箭頭函式簡介
前言
接下來是一個新的章節,也就是箭頭函式。
箭頭函式簡介
箭頭函式又稱之為 Arrow Function,請注意箭頭函式是一個表達式,因此正確名稱是箭頭函式表達式(arrow function expression),而箭頭函式是 ES6 所新增的語法,基本上 ES6 語法滿多都是屬於語法糖的一種,什麼是語法糖呢?簡單來講就是跟糖果一樣甜,很方便你開發與撰寫,通常特色會是簡短、好用以及好閱讀不等,例如以往建議原型時必須寫一大推 prototype
,但是 ES6 之後出了一個 class
語法方便使用,當然還有一些是屬於新的語法,而本篇並不著重於講這個,所以拉回箭頭函式。
那麼以下是一個基本的範例:
1 | const myName = function(name) { |
透過 ES6 的箭頭函式我們可以將上面程式碼改成以下:
1 | const myName = (name) => { |
而箭頭函式還具備縮寫能力,當裡面的程式碼內容是屬於表達式時,你就可以省略 return
與 { }
:
1 | const myName = (name) => 'myName is :' + name; |
除此之外當箭頭函式的參數只有一個時,可以連參數括號都省略:
1 | const myName = name => 'myName is :' + name; |
但是要注意如果沒有參數或者有兩個參數時,參數括號是無法省略的唷。