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
Lepaskan: 2024-12-11 03:06:11
asal
315 orang telah melayarinya

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 )
            })
        );
Salin selepas log masuk

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);
}
Salin selepas log masuk

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 )
Salin selepas log masuk

Ungkapan ini bersamaan dengan:

return oneTodo( one, action );
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan