ECMAScript6 funkcja strzałka, która zwraca obiekt

Question

Po powrocie obiektu z funkcją strzałki, wydaje się, że jest to niezbędne do korzystania z dodatkowego zestawu {} i instrukcji return z powodu niejasności w gramatyki:

p => { return { foo: 'bar' } }

Jeśli funkcja zwraca strzałka nic innego, {} i powrotu są niepotrzebne, np:

p => 'foo'

Czy jest czymś oczywistym mi brakuje?

Answer 1

Należy zawinąć literał zwracanego obiektu do nawiasów. W przeciwnym razie nawiasy klamrowe będą oznaczały ciało funkcji. Następujące prace:

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

Nie trzeba owinąć każdą inną ekspresję w nawiasach:

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

i tak dalej.

Answer 2

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

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

To z powodu JavaScript's label syntax:

Więc jeśli transpile powyższy kod do ES5, powinno to wyglądać na przykład:

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

Answer 3

Jeśli treść funkcji strzałki jest zawijana w nawiasy klamrowe, nie jest ona zwracana w sposób niejawny. Zawiń obiekt w nawiasach. Wyglądałoby to mniej więcej tak.

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

przez owinięciu parens funkcja zwraca { foo: 'bar }.

Mamy nadzieję, że to rozwiąże problem. Jeśli nie, ostatnio napisałem artykuł o funkcjach Arrow, który opisuje go bardziej szczegółowo. Mam nadzieję, że okaże się to przydatne. Javascript Arrow Functions