箭头函数的使用和简写

箭头函数

1. 箭头函数基本写法

()=>{}

2. 箭头函数的简写

1.当参数只有一个时括号可以省略
例：item =>{}
2.当函数体只有一行代码时，花括号可以省略
例：item => console.log(item)
3.当函数体只有一行代码时，表达式会作为函数的返回值，return可以省略
例：item => console.log(item)
4. 如果默认返回值是一个对象时，这个对象的外部必须包裹一个()
例：item =>({name:'mlby'})

3. 箭头函数的应用

1. 在过滤器，定时器等等内置函数中使用
2.利用箭头函数没有this的特点获取函数上下文的变量

巧用例：
箭头函数实现所有偶数平方的和
 const numList = [20,31,40,51]
 const result = numList.filter(item=>item%2===0)
									 .map(item=>item*item)
									 .reduce((prevValue,item)=>prevValue+item)
console.log(result);