箭头函数的简写

今天看到这行代码，有点蒙蔽

key => ({ key, val: key })

首先可以明确这是箭头函数
可是箭头函数不是下面这样的吗，右边怎么是个圆括号？

(params) => { statements }

我们就去查阅资料。
发现了箭头函数的简写方式。

简写1

参数列表只有单个参数时，左边括号（）可以省去
如下

(singleParam) => { statements }
// 等价于
singleParam => { statements }

简写2

函数体是返回一个表达式的值时，右边大括号 {} 可以省去
如下

(param1, param2) => {
	 return param1 + param2;
}
// 等价于
(param1, param2)=> param1 + param2

求x的平方

(x)=> { return x*x;}
// 简写1
x => {return x*x;}
// 简写2
(x) => x*x
// 简写1，简写2
x => x*x

如果返回一个对象，该如何简写呢？

(x) => { return {'name':x}; }
// 如果参考简写2，就是下面这行代码，但这样写，是错误的
(x) => {'name':x}
// 正确的写法;加括号的函数体返回对象字面量表达式：
(x) => ({'name':x})

不建议大家在写代码的时候使用简写，统一写代码规范，使代码更易阅读，也是程序员的工作之一