ES6學習（2） arrows箭頭函式

箭頭函式，若有了解過coffeescript的同學，或許對此印象深刻，因為它可以讓語法省略不少，特別是對於**函式，會讓**更清晰簡潔。

讓我們來寫乙個最簡單的arrows。

var sum = (a, b) => a + b; //此為expression
------編譯後-------
var sum = function (a, b) ;

從上面的**，可以看到，大致是差不多的，我們把function變成了=>,然後將arguments寫在括號裡（若引數只有乙個，則不需要括號。但沒有引數，還是需要乙個空括號的，切記）。還有要注意這樣的expression寫法，是僅僅支援單行且自動生成return的。

這次我們寫乙個帶有**函式的arrows。

numbers.foreach(num => 
})------編譯後------
numbers.foreach(function (num) 
});

可以看到，編譯後是不存在return的,若需要返回這個陣列需要手動新增。

最後來看看，最酷炫的this，我們看一下在arrows裡this的表現。

var obj = 
}------編譯後------
var obj = );
}};

可以看到，在foreach函式裡，this自動繫結為obj中的this，這個特性，可以讓我們免於非常多的煩惱。當然如果我們確實是需要**中的this,則可以不使用arrows。直接使用我們最熟悉的原生函式即可。

最後在看乙個例子來感受arrows帶來的爽快的程式設計體驗吧。

var square = arr =>
arr.map(num => num * num);
------編譯後------
var square = function (arr) );
};