本文實例講述了JavaScript函數(shù)式編程(Functional Programming)箭頭函數(shù)(Arrow functions)用法。分享給大家供大家參考,具體如下:
箭頭函數(shù)在 JavaScript 里面,是 ES6(ES2015)才加入進來的。因為函數(shù)里有個像箭頭一樣的符號:=>,所以叫箭頭函數(shù),英文經(jīng)常也會稱為 Fat arrow functions,胖乎乎的箭頭函數(shù)。這種函數(shù)也稱為 lambda 表達式。箭頭函數(shù)不能當作構(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ù),因為函數(shù)只有一個參數(shù),所以它的周圍不需要添加括號。
多個參數(shù)
const greet = (greeting, name) => `${greeting}, ${name}`greet 這個函數(shù)現(xiàn)在有兩個參數(shù):greeting 與 name,它們周圍用了一組括號,參數(shù)之間用逗號分隔花。
主體
上面這個函數(shù)的主體只有一行,是一個表達式,這個表達式的結(jié)果會自動被返回,這就相當于是這樣:
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ù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
新聞熱點
疑難解答
圖片精選