箭头函数

ES2015的箭头函数极大的简化了函数的语法。考虑如下例子。

var circleAreaES5 = function circleArea(r) {

var PI = 3.14;
var area = PI * r * r;
return area;
};
console.log(circleAreaES5(2));

上面这段代码的语法可以简化为如下代码。

const circleArea = r  => {  //{1}
const PI = 3.14;
const area = PI * r *  r;
return area;
};
console.log(circleArea(2));

这个例子最大的区别在于行{1}，我们可以省略function关键字，只用=>。

如果函数只有一条语句，还可以变得更简单，连return关键字的可以省去。看看下面的代码。

const circleArea2 = r => 3.14 * r * r;
console.log(circleArea2(2));

如果函数不接受任何参数，我们可以使用一对空的圆括号，这在ES5中经常出现。

const hello = () => console.log ('hello!');
hello();