ES6箭头函数详解

箭头函数（胖箭头函数）

箭头函数能使代码更加简洁`
箭头函数不用return会隐式返回

 let hello=function () {
    console.log("hello world") //原本的方式
  }
  let hello2=()=>console.log("hello world")  //箭头函数

箭头函数使用方法

首先我们来看一个函数

 let sum=function (a,b) {
    return a+b;
  }

使用盘箭头函数第一步先把function去掉在（）后面加=> 箭头

 let sum=(a,b)=> {
    return a+b;
  }

这时候可以看出来已经比原本的简洁了许多但是这还是不最简
当只有个语句{}大括号可以省略

 let sum=(a,b)=> return a+b;
  

最后 箭头函数不用return 所以最简的样子是这样的

let sum=(a,b)=>a+b;

来对比一下 两种方式

let sum=function (a,b) {
    return a+b;
  }
let sum=(a,b)=>a+b;

注意{}可以省略的条件
如果{}大括号只有当箭头函数体内只一个语句才可以省略
例如

 let sum=(a,b)=> { //这里当参数只有一个（）也可以省略
    {
		console.log(a);
		return a+b;   //这时候{}  不可以省略
	}
  }

当形参只有一个的时候也可以省略（）

 let sum=a=> { //这里当参数只有一个（）也可以省略
    {
		console.log(a);
		return a*5;   //这时候{}  不可以省略
	}
  }