Zwracając obiekt z funkcji strzałki, wydaje się, że konieczne jest użycie dodatkowego zestawu {}i returnsłowa kluczowego z powodu niejasności w gramatyce.

Oznacza to, że nie mogę pisać p => {foo: "bar"}, ale muszę pisać p => { return {foo: "bar"}; }.

Jeśli funkcja strzałki zwraca coś innego niż obiekt, znaki {}i returnsą niepotrzebne, np p => "foo". :

p => {foo: "bar"}zwraca undefined.

Zmodyfikowany p => {"foo": "bar"}wyrzuca „ SyntaxError: nieoczekiwany token: :” ” .

Czy brakuje mi czegoś oczywistego?

Literę zwracanego obiektu należy owinąć w nawiasy. W przeciwnym razie będą brane pod uwagę nawiasy klamrowe oznaczające ciało funkcji. Następujące prace:

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

Nie musisz zawijać żadnego innego wyrażenia w nawiasy:

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

i tak dalej.

Odniesienie: MDN - zwracanie literałów obiektowych

Możesz się zastanawiać, dlaczego składnia jest poprawna (ale nie działa zgodnie z oczekiwaniami):

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

Wynika to ze składni etykiet JavaScript :

Więc jeśli transponujesz powyższy kod do ES5, powinien on wyglądać następująco:

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

Jeśli treść funkcji strzałki jest owinięta nawiasami klamrowymi, nie jest niejawnie zwracana. Zawiń obiekt w nawiasy. Wyglądałoby to mniej więcej tak.

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

Po zawinięciu ciała w pareny funkcja powróci { foo: 'bar }.

Mam nadzieję, że to rozwiąże twój problem. Jeśli nie, napisałem niedawno artykuł o funkcjach Arrow, który opisuje go bardziej szczegółowo. Mam nadzieję, że uznasz to za przydatne. Funkcje strzałek JavaScript

właściwe sposoby

1. normalny obiekt zwrotny

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. (wyrażenia js)

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

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

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

wyjaśnić

Tę samą odpowiedź można znaleźć tutaj!

https://github.com/lydiahallie/javascript-questions/issues/220

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

Kwestia:

Kiedy to robisz:

p => {foo: "bar"}

Tłumacz języka JavaScript myśli, że otwierasz blok kodu składający się z wielu instrukcji, aw tym bloku musisz wyraźnie wspomnieć o instrukcji return.

Rozwiązanie:

Jeśli wyrażenie funkcji strzałki ma jedną instrukcję , możesz użyć następującej składni:

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

Ale jeśli chcesz mieć wiele instrukcji , możesz użyć następującej składni:

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

W powyższym przykładzie pierwszy zestaw nawiasów klamrowych otwiera blok kodu z wieloma instrukcjami, a drugi zestaw nawiasów klamrowych jest przeznaczony dla obiektów dynamicznych. W bloku instrukcji zawierającej wiele instrukcji, musisz jawnie używać instrukcji return

Aby uzyskać więcej informacji, sprawdź Mozilla Docs dla wyrażeń funkcji strzałek JS

Zawsze możesz to sprawdzić, aby uzyskać więcej niestandardowych rozwiązań:

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