Saat mengembalikan objek dari fungsi panah, tampaknya perlu menggunakan set {}dan returnkata kunci tambahan karena ambiguitas dalam tata bahasa.

Itu berarti saya tidak bisa menulis p => {foo: "bar"}, tetapi harus menulis p => { return {foo: "bar"}; }.

Jika fungsi panah mengembalikan apa-apa selain objek, {}dan returntidak diperlukan, misalnya: p => "foo".

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

p => {"foo": "bar"}Lemparan yang dimodifikasi “ SyntaxError: token tak terduga: ' :'” .

Apakah ada sesuatu yang jelas saya hilang?

Anda harus membungkus objek kembali secara literal menjadi tanda kurung. Kalau tidak, kurung kurawal akan dianggap menandakan tubuh fungsi. Karya-karya berikut:

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

Anda tidak perlu membungkus ekspresi lain ke dalam tanda kurung:

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

dan seterusnya.

Referensi: MDN - Mengembalikan literal objek

Anda mungkin bertanya-tanya, mengapa sintaksnya valid (tetapi tidak berfungsi seperti yang diharapkan):

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

Itu karena sintaks label JavaScript :

Jadi jika Anda mengubah kode di atas ke ES5, itu akan terlihat seperti:

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

Jika tubuh fungsi panah dibungkus dengan kurung kurawal, itu tidak dikembalikan secara implisit. Bungkus objek dalam tanda kurung. Akan terlihat seperti ini.

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

Dengan membungkus tubuh dalam parens, fungsi akan kembali { foo: 'bar }.

Semoga itu menyelesaikan masalah Anda. Jika tidak, saya baru-baru ini menulis artikel tentang fungsi Panah yang membahasnya secara lebih rinci. Semoga bermanfaat. Fungsi Panah Javascript

cara yang benar

1. objek pengembalian normal

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

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

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

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

menjelaskan

Jawaban yang sama dapat ditemukan di sini!

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

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

Isu:

Ketika Anda melakukannya:

p => {foo: "bar"}

Penerjemah JavaScript berpikir Anda sedang membuka blok kode multi-pernyataan, dan di blok itu, Anda harus secara eksplisit menyebutkan pernyataan kembali.

Larutan:

Jika ekspresi fungsi panah Anda memiliki satu pernyataan , maka Anda dapat menggunakan sintaks berikut:

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

Tetapi jika Anda ingin memiliki banyak pernyataan maka Anda dapat menggunakan sintaks berikut:

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

Dalam contoh di atas, set pertama kurung kurawal membuka blok kode multi-pernyataan, dan set kedua kurung kurawal untuk objek dinamis. Dalam blok kode multi-pernyataan fungsi panah, Anda harus secara eksplisit menggunakan pernyataan kembali

Untuk detail lebih lanjut, lihat Mozilla Docs untuk Ekspresi Fungsi JS Arrow

Anda selalu dapat memeriksa ini untuk solusi kustom lainnya:

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