中国古建筑工程网_购物网站首页制作代码_谷歌网页版_如何做营销

箭头函数

1.1.1 箭头函数的概念

箭头函数时ES 6之后增加一种编写函数的方法，并且它比函数的表达式要更加简洁

• 箭头函数不会绑定this,arguments属性
• 箭头函数不能作为构造函数来使用（不能和new一起来使用，会出现错误）

  //1.之前的方式function foo1() {var foo2 = function() {}}//2.箭头函数的完整写法//把function去掉，然后加个=>var foo3 = (name,age)=> {console.log("箭头函数的函数体")console.log(name,age)}

1.1.2 箭头函数的编写优化

1. 优化一：如果只有一个参数（）可以省略

  //1.优化一：如果箭头函数只有一个参数，那么（）可以省略var names = ["abc","cba","nba"]names.forEach(item=>[console.log(item)])

2. 优化二：如果函数执行体只有一行代码，那么可以省略大括号

并且这行代码的返回值会作为整个函数的返回值

3. 优化三：只有一行代码时，这行代码的表达式结果会作为函数的返回值默认返回的

// //一行代码中不能带有return关键字，如果省略，需要带return一起省略(下一条规则)
names.forEach(item =>console.log(item))
var newNums =nums.filter(item=>{return item % 2 ===0})

4. 优化四：如果默认返回值是一个对象，那么这个对象必须加（）

 var arrFn = ()=>({name:"why"})//可能会被当成执行体，要加小括号console.log(arrFn())

综合案例

//箭头函数实现nums所有偶数平方的和
var nums = [20,30,11,15,111]
var result = nums.filter(item=>item % 2 === 0).map(item => item*item).reduce((prevValue,item)=>prevValue+item)console.log(result)