箭头函数

箭头函数是 ES6 新增的一种函数表达，箭头函数也是函数. 箭头函数表达式的语法比函数表达式更简洁. 并且，箭头函数没有自己的 this，arguments，super 或 new.target. 箭头函数适合用于原本需要匿名函数的地方. 注意，箭头函数不能用作构造函数

语法：

(参数1，参数2,...,参数N) => {函数声明}

//当函数声明只有一个return语句时，可省略{}和return关键字
(参数1，参数2,...,参数N) => {return expression;}
(参数1，参数2,...,参数N) => expression;

//当函数只有一个参数时，参数()是可选的
(单一参数) => {函数声明}
单一参数 => {函数声明}

//没有参数的箭头函数应写成如下的形式
() => {函数声明}

基本示例：

var elements = ['hello','react','!'];
//console.log(elements.map(function(element){return element;}));
//console.log(elements.map((element) => {return element;}));
console.log(elements.map((element) => element));

输出结果为 [ 'hello', 'react', '!' ], 第一行注释，是我们使用匿名函数，没有使用箭头函数的写法，第二行注释是我们使用箭头函数，但是没有省略 return 和 {} 的写法，它们的效果都是输出 [ 'hello', 'react', '!' ]