本文實(shí)例講述了JavaScript函數(shù)式編程(Functional Programming)箭頭函數(shù)(Arrow functions)用法。分享給大家供大家參考，具體如下：

箭頭函數(shù)在 JavaScript 里面，是 ES6（ES2015）才加入進(jìn)來的。因?yàn)楹瘮?shù)里有個像箭頭一樣的符號：=>，所以叫箭頭函數(shù)，英文經(jīng)常也會稱為 Fat arrow functions，胖乎乎的箭頭函數(shù)。這種函數(shù)也稱為 lambda 表達(dá)式。箭頭函數(shù)不能當(dāng)作構(gòu)造函數(shù)使用。

語法

一個箭頭函數(shù)看起來像這樣：

const greet = () => hello

箭頭（=>）左邊是函數(shù)的參數(shù)，如果函數(shù)沒有參數(shù)，要使用一組空白的括號，如果函數(shù)只有一個參數(shù)，這個參數(shù)的周圍可以不用括號，如果有多個參數(shù)，這些參數(shù)要放在一組括號里，中間用逗號分隔開。

箭頭右邊是函數(shù)的主體部分，上面這個函數(shù)的主體只有一行，所以可以直接把主體放在箭頭的右邊，箭頭函數(shù)會自動返回這種單行的主體的結(jié)果，也就是你不需要明確的使用 return 關(guān)鍵詞返回值。如果函數(shù)的主體是多行的，可以把主體部分放在一組大括號里（{ }）。

單個參數(shù)

const greet = name => `hello, ${name}`

name 是 greet 這個箭頭函數(shù)的一個參數(shù)，因?yàn)楹瘮?shù)只有一個參數(shù)，所以它的周圍不需要添加括號。

多個參數(shù)

const greet = (greeting, name) => `${greeting}, ${name}`

greet 這個函數(shù)現(xiàn)在有兩個參數(shù)：greeting 與 name，它們周圍用了一組括號，參數(shù)之間用逗號分隔花。

主體

上面這個函數(shù)的主體只有一行，是一個表達(dá)式，這個表達(dá)式的結(jié)果會自動被返回，這就相當(dāng)于是這樣：

const greet = (greeting, name) => {
 return `${greeting}, ${name}`
}

上面的 greet 函數(shù)的主體部分用了一組大括號，所以在主體里你要明確地使用 return 返回需要的結(jié)果。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

最新評論