JavaScript箭头函数简写返回且解决返回对象误区

我们箭头函数 可以简写返回值 例如 我们可以这样返回一个 1

let a = () => 1;
console.log(a());

运行结果如下

你也可以通过这样的方法返回一个数组

let a = () => [111,222,333];
console.log(a());

也是没有任何问题

那如果想返回一个对象呢？

这是 会举一反三的朋友们就想到了 想返回一个对象就这样写

let a = () => {name:"小猫猫"};
console.log(a());

运行结果如下

显然 方法并没有返回任何值

因为 系统将你的花括号读成了方法体 他不知道你这是个对象

这里就有两个解决办法

首先 比较笨的写法就是见招拆招

let a = () => {
    return {name:"小猫猫"}
};
console.log(a());

这样就是一个很直接的解决办法 但开着就有点捞了

然后就是通过小括号

let a = () => ({name:"小猫猫"});
console.log(a());

这样写 就会看着简便很多