Rumah >hujung hadapan web >tutorial js >Mengapa Pendakap Kerinting Memecahkan Fungsi Anak Panah Saya dalam Pernyataan Kes?

Mengapa Pendakap Kerinting Memecahkan Fungsi Anak Panah Saya dalam Pernyataan Kes?

Susan Sarandon
Susan Sarandonasal
2024-12-11 03:06:11309semak imbas

Why Do Curly Braces Break My Arrow Function in a Case Statement?

Kurung Kerinting dalam Fungsi Anak Panah: Teka-teki Didedahkan

Dalam kuliah Dan Abramov, satu soalan yang menarik timbul: mengapa kurungan kerinting menyebabkan fungsi gagal dalam ujiannya? Mari kita siasat enigma ini.

Kod yang dimaksudkan ialah fungsi anak panah dalam pernyataan kes:

case 'toggleTodo' :
        return (
            state.map( (one) => {
                oneTodo( one, action )
            })
        );

Apabila kurungan kerinting { } disertakan, ujian gagal . Walau bagaimanapun, apabila ia ditinggalkan, kod tersebut berfungsi dengan sempurna. Inilah yang berlaku di bawah tudung.

Kuasa Pendakap: Sekatan dan Pulangan Eksplisit

Apabila anda melampirkan badan fungsi dalam kurungan kerinting, anda mencipta sekat. Blok boleh mengandungi berbilang pernyataan, setiap satu berakhir dengan koma bernoktah. Jika anda ingin memulangkan nilai daripada blok, anda mesti menggunakan pernyataan kembali secara eksplisit.

Dalam kes fungsi anak panah dengan kurungan kerinting, badan hanya terdiri daripada panggilan ke oneTodo(). Memandangkan tiada pernyataan pulangan yang jelas, fungsi mengembalikan tidak ditentukan. Tingkah laku yang tidak dijangka ini menyebabkan ujian gagal.

Untuk membetulkannya, anda perlu memulangkan secara eksplisit hasil panggilan oneTodo():

(one) => {
    return oneTodo(one, action);
}

Badan Ringkas: Meninggalkan Pendakap untuk Kesederhanaan

Jika anda meninggalkan kurungan kerinting, fungsi anak panah mempunyai badan ringkas. Badan ringkas terdiri daripada satu ungkapan, yang hasilnya dikembalikan secara tersirat.

Dalam contoh tanpa kurungan kerinting, badan ringkas ialah:

(one) => oneTodo( one, action )

Ungkapan ini bersamaan dengan:

return oneTodo( one, action );

Dengan meninggalkan kurungan kerinting, anda mencapai hasil yang sama tanpa memerlukan penjelasan yang jelas Kenyataan kembali.

Memahami Perbezaan

Pendapat utama ialah memahami perbezaan antara blok (ditunjukkan oleh kurungan kerinting) dan badan ringkas (ditandakan dengan ketiadaan kurungan kerinting). Blok memerlukan pernyataan kembali eksplisit, manakala badan ringkas secara tersirat mengembalikan hasil ungkapan tunggal.

Jadi, apabila menggunakan fungsi anak panah dalam pernyataan huruf besar, ingat untuk menggunakan kurungan kerinting dan kembali pernyataan jika anda memerlukan berbilang pernyataan dalam badan fungsi. Jika anda hanya memerlukan satu ungkapan, anda boleh meninggalkan kurungan kerinting untuk mencipta badan ringkas.

Atas ialah kandungan terperinci Mengapa Pendakap Kerinting Memecahkan Fungsi Anak Panah Saya dalam Pernyataan Kes?. 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