Повертаючи об'єкт із функції стрілки, здається, що необхідно використовувати додатковий набір {}та returnключове слово через неоднозначність у граматиці.

Це означає, що я не можу писати p => {foo: "bar"}, але мушу писати p => { return {foo: "bar"}; }.

Якщо функція стрілки повертає нічого, крім об'єкта, {}і returnне потрібно, наприклад: p => "foo".

p => {foo: "bar"}повертає undefined.

Змінено p => {"foo": "bar"}кидає " SyntaxError: несподіваний маркер: ' :" " .

Щось явне я пропускаю?

Ви повинні загортати буква, що повертається, в дужки. В іншому випадку фігурні дужки будуть вважатися для позначення тіла функції. Наступні роботи:

p => ({ foo: 'bar' });

Вам не потрібно загортати будь-який інший вираз у дужки:

p => 10;
p => 'foo';
p => true;
p => [1,2,3];
p => null;
p => /^foo$/;

і так далі.

Довідка: MDN - повернення об'єктних літералів

Вам може бути цікаво, чому синтаксис дійсний (але не працює так, як очікувалося):

var func = p => { foo: "bar" }

Це через синтаксис мітки JavaScript :

Отже, якщо ви перекладете зазначений вище код у ES5, він повинен виглядати так:

var func = function (p) {
  foo:
  "bar"; //obviously no return here!
}

Якщо тіло функції стрілки загорнуте у фігурні дужки, воно неявно не повертається. Оберніть об'єкт у дужки. Це виглядало б приблизно так.

p => ({ foo: 'bar' })

Загорнувши тіло в парен, функція повернеться { foo: 'bar } .

Сподіваємось, це вирішить вашу проблему. Якщо ні, то я нещодавно написав статтю про функції стрілок, яка висвітлює її більш докладно. Сподіваюсь, вам це стане в нагоді Функції стрілки Javascript

правильні шляхи

1. нормальний повернутий об'єкт

const getUser = user => {return { name: user.name, age: user.age };};

const user = { name: "xgqfrms", age: 21 };

console.log(getUser(user));
//  {name: "xgqfrms", age: 21}

2. (js вирази)

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/isissue/220

https://mariusschulz.com/blog/returning-object-literals-from-arrow-functions-in-javascript

Проблема:

Коли ви це робите:

p => {foo: "bar"}

Інтерпретатор JavaScript вважає, що ви відкриваєте блок коду з декількома операторами, і в цьому блоці ви повинні чітко згадати про повернення.

Рішення:

Якщо у вашому вираженні функції зі стрілкою є одне твердження , ви можете використовувати такий синтаксис:

p => ({foo: "bar", attr2: "some value", "attr3": "syntax choices"})

Але якщо ви хочете мати кілька висловлювань, ви можете використовувати наступний синтаксис:

p => {return {foo: "bar", attr2: "some value", "attr3": "syntax choices"}}

У наведеному вище прикладі перший набір фігурних дужок відкриває код коду з декількома заявами, а другий набір фігурних дужок - для динамічних об'єктів. У блоці коду з декількома операторами функції стрілки ви повинні явно використовувати оператори return

Для отримання більш детальної інформації перегляньте Mozilla Docs для виразів JS Arrow Functions

Ви завжди можете перевірити це, щоб отримати більш власні рішення:

x => ({}[x.name] = x);