本文實例講述了JavaScript函數式編程(Functional Programming)箭頭函數(Arrow functions)用法。分享給大家供大家參考,具體如下:
箭頭函數在 JavaScript 里面,是 ES6(ES2015)才加入進來的。因為函數里有個像箭頭一樣的符號:=>,所以叫箭頭函數,英文經常也會稱為 Fat arrow functions,胖乎乎的箭頭函數。這種函數也稱為 lambda 表達式。箭頭函數不能當作構造函數使用。
語法
一個箭頭函數看起來像這樣:
const greet = () => hello
箭頭(=>)左邊是函數的參數,如果函數沒有參數,要使用一組空白的括號,如果函數只有一個參數,這個參數的周圍可以不用括號,如果有多個參數,這些參數要放在一組括號里,中間用逗號分隔開。
箭頭右邊是函數的主體部分,上面這個函數的主體只有一行,所以可以直接把主體放在箭頭的右邊,箭頭函數會自動返回這種單行的主體的結果,也就是你不需要明確的使用 return 關鍵詞返回值。如果函數的主體是多行的,可以把主體部分放在一組大括號里({ })。
單個參數
const greet = name => `hello, ${name}`
name 是 greet 這個箭頭函數的一個參數,因為函數只有一個參數,所以它的周圍不需要添加括號。
多個參數
const greet = (greeting, name) => `${greeting}, ${name}`
greet 這個函數現在有兩個參數:greeting 與 name,它們周圍用了一組括號,參數之間用逗號分隔花。
主體
上面這個函數的主體只有一行,是一個表達式,這個表達式的結果會自動被返回,這就相當于是這樣:
const greet = (greeting, name) => { return `${greeting}, ${name}`}
上面的 greet 函數的主體部分用了一組大括號,所以在主體里你要明確地使用 return 返回需要的結果。
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答