箭头函数
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);