简洁的箭头函数

发布时间:2019-02-22 作者:一点通


普通写法

var func = (x, y) => {return x + y}

单个参数可以去掉参数括号

var func = x => {return x * x}

隐式返回值,省略return

var func = x => x * x

在多行代码逻辑中,必须使用明确的return语句

如果要返回对象字面量,则必须加上(),因为花括号{}里面的代码被解析为一系列语句

var func = () => ({foo: 1})

箭头函数的简写在一些回调语句中是很爽的,只需一行代码就可搞定

let arr = [1, 2, 3]
arr.map(item => item * 2)

还可以与对象解构结合使用

({name, age}) => name + ' age is ' + age

上面的代码等价于

function(man){
    man.name + ' age is ' + man.age
}