从箭头函数返回对象时，由于语法不明确，似乎有必要使用一组额外的{} 和return 关键字。
这意味着我不能写p => {foo: "bar"}，但必须写p => { return {foo: "bar"}; }。
如果箭头函数返回的不是对象，{} 和 return 是不必要的，例如：p => "foo"。
p => {foo: "bar"} 返回undefined。
修改后的p => {"foo": "bar"} 抛出“SyntaxError：意外令牌：':'”。
我有什么明显的遗漏吗？
【问题讨论】：
标签： javascript ecmascript-6 arrow-functions
正确的方法
const getUser = user => {return { name: user.name, age: user.age };};
const user = { name: "xgqfrms", age: 21 };
console.log(getUser(user));
// {name: "xgqfrms", age: 21}
const getUser = user => ({ name: user.name, age: user.age });
const user = { name: "xgqfrms", age: 21 };
console.log(getUser(user));
// {name: "xgqfrms", age: 21}
https://github.com/lydiahallie/javascript-questions/issues/220
https://mariusschulz.com/blog/returning-object-literals-from-arrow-functions-in-javascript
【讨论】：
当你在做的时候：
p => {foo: "bar"}
JavaScript 解释器认为您正在打开一个多语句代码块，并且在该代码块中，您必须明确提及 return 语句。
如果您的箭头函数表达式有一个单语句，那么您可以使用以下语法：
p => ({foo: "bar", attr2: "some value", "attr3": "syntax choices"})
但如果你想拥有多个语句，那么你可以使用以下语法：
p => {return {foo: "bar", attr2: "some value", "attr3": "syntax choices"}}
在上面的例子中，第一组花括号打开一个多语句代码块，第二组花括号用于动态对象。在箭头函数的多语句代码块中，您必须显式使用返回语句
【讨论】：
您可以随时查看更多自定义解决方案：
x => ({}[x.name] = x);
【讨论】：
您必须将返回的对象文字包装到括号中。否则花括号将被视为表示函数的主体。以下作品：
p => ({ foo: 'bar' });
您不需要将任何其他表达式包装到括号中：
p => 10;
p => 'foo';
p => true;
p => [1,2,3];
p => null;
p => /^foo$/;
等等。
【讨论】：
p 的值作为对象字面量的键，你可以这样做：p => ({ [p]: 'bar' })。没有[]，它要么是undefined，要么就是字母p。
您可能想知道，为什么语法是有效的（但没有按预期工作）：
var func = p => { foo: "bar" }
所以如果你把上面的代码转换成 ES5，它应该是这样的：
var func = function (p) {
foo:
"bar"; //obviously no return here!
}
【讨论】：
如果箭头函数的主体用花括号括起来，则不会隐式返回。将对象包裹在括号中。它看起来像这样。
p => ({ foo: 'bar' })
通过将主体包裹在括号中，函数将返回{ foo: 'bar }。
希望这能解决您的问题。如果没有，我最近写了一篇关于箭头函数的文章，其中更详细地介绍了它。希望对你有帮助。 Javascript Arrow Functions
【讨论】：