箭頭函數屬于es6。箭頭函數是ES6中引入的新特性，使用箭頭“=>”定義函數，例“var f = v => v;”，等價于“var f = function (v) {return v;};”；如果箭頭函數不需要參數或需要多個參數，就使用一個圓括號代表參數部分，例“var f = () => 5;”。

本教程操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

箭頭函數

箭頭函數是ES6中引入的新特性，使用“箭頭”（=>）定義函數。由于其簡潔的語法和對this關鍵字的處理，箭頭函數迅速成為開發者們最喜愛的功能。

var f = v => v; // 等同于 var f = function (v) {   return v; };

如果箭頭函數不需要參數或需要多個參數，就使用一個圓括號代表參數部分。

var f = () => 5; // 等同于 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) {   return num1 + num2; };

如果箭頭函數的代碼塊部分多于一條語句，就要使用大括號將它們括起來，并且使用return語句返回。

var sum = (num1, num2) => { return num1 + num2; }

由于大括號被解釋為代碼塊，所以如果箭頭函數直接返回一個對象，必須在對象外面加上括號，否則會報錯。

// 報錯 let getTempItem = id => { id: id, name: "Temp" }; // 不報錯 let getTempItem = id => ({ id: id, name: "Temp" });

下面是一種特殊情況，雖然可以運行，但會得到錯誤的結果。

let foo = () => { a: 1 }; foo() // undefined

上面代碼中，原始意圖是返回一個對象{ a: 1 }，但是由于引擎認為大括號是代碼塊，所以執行了一行語句a: 1。這時，a可以被解釋為語句的標簽，因此實際執行的語句是1;，然后函數就結束了，沒有返回值。

如果箭頭函數只有一行語句，且不需要返回值，可以采用下面的寫法，就不用寫大括號了。

let fn = () => void doesNotReturn();

說明：

箭頭函數是函數式編程的一種體現，函數式編程將