Bir nesneyi ok işlevinden döndürürken , dilbilgisindeki bir belirsizlik nedeniyle fazladan {}bir returnanahtar kelime ve bir anahtar kelime kullanmak gerekli görünüyor .

Bu yazamam p => {foo: "bar"}ama yazmak zorunda olduğum anlamına geliyor p => { return {foo: "bar"}; }.

Ok fonksiyonu bir nesnenin başka bir şey dönerse, {}ve return, örneğin gereksizdir: p => "foo".

p => {foo: "bar"}döner undefined.

Modifiye edilmiş bir “ : beklenmeyen simge: ' '”p => {"foo": "bar"} atar .SyntaxError:

Kaçırdığım açık bir şey var mı?

Dönen nesne hazır bilgisini parantez içine almanız gerekir. Aksi takdirde, kıvırcık parantezlerin fonksiyonun gövdesini gösterdiği kabul edilecektir. Aşağıdaki işler:

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

Başka bir ifadeyi parantez içine almanıza gerek yoktur:

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

ve bunun gibi.

Başvuru: MDN - Nesne değişmezlerini döndürme

Sözdiziminin neden geçerli olduğunu (ancak beklendiği gibi çalışmadığını) merak edebilirsiniz:

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

JavaScript'in etiket sözdizimi nedeniyle :

Yukarıdaki kodu ES5'e aktarırsanız, şöyle görünmelidir:

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

Ok işlevinin gövdesi kıvırcık parantez içine sarılmışsa, örtük olarak döndürülmez. Nesneyi parantez içine alın. Böyle bir şey olurdu.

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

Vücudu parens'e sararak işlev geri döner { foo: 'bar }.

Umarım bu sorununuzu çözer. Değilse, son zamanlarda Ok işlevleriyle ilgili daha ayrıntılı bir makale yazdım. Umarım faydalı bulursunuz. Javascript Ok İşlevleri

doğru yollar

1. normal dönüş nesnesi

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 ifadeleri)

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

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

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

açıklamak

Aynı cevabı burada bulabilirsiniz!

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

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

Konu:

Yaptığınız zaman:

p => {foo: "bar"}

JavaScript yorumlayıcısı, çok ifadeli bir kod bloğu açtığınızı düşünüyor ve bu blokta açıkça bir return ifadesinden bahsetmeniz gerekiyor.

Çözüm:

Senin Eğer ok fonksiyonu ifadesi bir sahip tek açıklama , o zaman aşağıdaki sözdizimini kullanabilirsiniz:

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

Ancak birden çok ifadeye sahip olmak istiyorsanız , aşağıdaki sözdizimini kullanabilirsiniz:

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

Yukarıdaki örnekte, ilk küme parantezleri kümesi çok ifadeli bir kod bloğu açar ve ikinci küme parantezleri dinamik nesneler içindir. Ok işlevinin çoklu ifade kod bloğunda, return ifadelerini açıkça kullanmanız gerekir

Daha fazla ayrıntı için JS Ok İşlev İfadeleri için Mozilla Docs'a bakın

Daha özel çözümler için bunu her zaman kontrol edebilirsiniz:

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