Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengembalikan Objek dengan Betul dari ECMAScript 6 Fungsi Anak Panah?

Bagaimana untuk Mengembalikan Objek dengan Betul dari ECMAScript 6 Fungsi Anak Panah?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-24 16:07:15559semak imbas

How to Correctly Return Objects from ECMAScript 6 Arrow Functions?

Memulangkan Objek daripada Fungsi Anak Panah dalam ECMAScript 6

Dalam ECMAScript 6, apabila berurusan dengan fungsi anak panah yang mengembalikan objek, kesamaran sintaks timbul. Kod berikut menimbulkan ralat:

p => {foo: "bar"}

Untuk menyelesaikan kekaburan ini, anda mesti membalut objek yang dikembalikan secara literal dalam kurungan:

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

Ini memaksa pendakap kerinting ditafsirkan sebagai sebahagian daripada objek literal, bukan badan fungsi.

Langkah tambahan ini tidak diperlukan untuk mengembalikan bukan objek lain values:

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

Alasan di sebalik sintaks ini berkemungkinan menghalang penciptaan objek secara tidak sengaja. Dengan memerlukan kurungan, ia menjadi lebih jelas bahawa fungsi itu bertujuan untuk mengembalikan objek.

Oleh itu, apabila mengembalikan objek daripada fungsi anak panah, adalah penting untuk diingat untuk membalut objek literal dalam kurungan untuk mengelakkan sintaks kesilapan atau tingkah laku yang tidak dijangka.

Atas ialah kandungan terperinci Bagaimana untuk Mengembalikan Objek dengan Betul dari ECMAScript 6 Fungsi Anak Panah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Pemusnahan dalam JavascriptArtikel seterusnya:Pemusnahan dalam Javascript