ES6语法-箭头函数的使用

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

箭头函数不会绑定this、arguments属性；

箭头函数不能作为构造函数来使用（不能和new一起来使用，会抛出错误）；

// 1. 编写箭头函数
// 1> ()：参数
// 2> =>：箭头
// 3> []：函数的执行体

var foo = (num1, num2, num3) => {
    console.log(num1, num2, num3)
    var result = num1 + num2 + num3
    console.log(result)
}

function bar(num1, num2, num3) {
}

// 高阶函数在使用时，也可以传入箭头函数

var nums = [10, 20, 45, 78]
nums.forEach((item, index, arr) => {})

箭头函数的一些常见的简写

简写一：如果参数只有一个，（）可以省略

// 箭头函数有一些常见的简写：
nums.forEach(item => {
    console.log(item)
})

简写二：如果函数执行体只有一行代码，那么{}也可以省略 强调：并且它会默认将这行代码的执行结果作为返回值

nums.forEach(item => console.log(item))
var newNums = nums.filter(item => item % 2 === 0)
console.log(newNums)

// filter/map/reduce
var result = nums.filter(item => item % 2 == 0)
    .map(item => item * 100)
    .reduce( (preValue, item) => preValue + item)
console.log(result)

简写三：如果一个箭头函数，只有一行代码，并且返回一个对象，这个时候如何编写简写

// var bar = () => {
    // return { name: "why", age: 18 }
    });
}

var bar = () => ({ name: "why", age: 18 })