Fungsi Anak Panah dalam JavaScript: Bila Menggunakan Tanda Kurung vs. Kurung Keriting?

Fungsi Anak Panah: Bila Perlu Menggunakan Tanda Kurung dan Pendakap Kerinting

Fungsi anak panah, yang diperkenalkan dalam ES6, ialah sintaks ringkas untuk mentakrifkan fungsi. Mereka menggunakan "anak panah lemak" (=>) untuk mewakili badan fungsi. Walau bagaimanapun, perlu diperhatikan bahawa fungsi anak panah kadangkala menggunakan kurungan kerinting ({}), manakala yang lain menggunakan kurungan(()).

Kurungan untuk Ungkapan Pulangan Baris Tunggal

Apabila badan fungsi anak panah terdiri daripada satu ungkapan, kurungan digunakan untuk melampirkan ungkapan, menunjukkan bahawa fungsi anak panah hanya mengembalikan nilai tersebut. Contohnya:

const a = (who) => `hello ${who}!`;

Kod ini mentakrifkan fungsi anak panah yang mengembalikan rentetan. Tanda kurung di sekeliling 'hello ${who}!' menunjukkan bahawa ia adalah satu ungkapan.

Kurung Kerinting untuk Blok Kod Berbilang Baris

Kurungan kerinting digunakan apabila badan fungsi anak panah mengandungi berbilang baris kod. Setiap baris mewakili pernyataan, dan seluruh badan menjadi blok kod. Contohnya:

const handleBar = (e) => {
  e.preventDefault();
  dispatch('logout');
};

Kod ini mentakrifkan pengendali acara yang mengandungi dua pernyataan, oleh itu keperluan untuk pendakap kerinting.

Contoh dalam Amalan

Pertimbangkan contoh berikut yang menggambarkan perbezaan:

const b = (who) => ("hello " + who + "!");
const c = (who) => (
  "hello " + who + "!"
);
const d = (who) => (
  "hello "
    + who
    + "!"
);

Kurungan dalam Huruf Objek

Satu lagi kegunaan tanda kurung dalam fungsi anak panah ialah untuk menyertakan literal objek. Ini dilakukan untuk menghalang penghurai daripada menganggap objek sebagai blok kod.

const y = () => ({}); // returns an object

Kod ini mentakrifkan fungsi anak panah yang mengembalikan objek kosong. Tanda kurung memastikan bahawa penghurai mentafsirnya sebagai objek literal, bukan blok kod.

Oleh itu, penggunaan kurungan kerinting atau kurungan dalam fungsi anak panah bergantung pada sama ada badan fungsi mengandungi ungkapan satu baris atau berbilang baris kod. Tanda kurung digunakan untuk ungkapan tunggal, manakala kurungan kerinting digunakan untuk blok kod.

Atas ialah kandungan terperinci Fungsi Anak Panah dalam JavaScript: Bila Menggunakan Tanda Kurung vs. Kurung Keriting?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!