Perbezaan antara ( )=>{ } dan ( )=>( ) fungsi aero dalam JavaScript (JS)

{ } dan ( )=>( ) fungsi aero dalam JavaScript (JS)" />

Perbezaan antara ()=>{} dan ()=>() terletak pada cara mereka mengendalikan badan fungsi dan kembali pernyataan dalam JavaScript. Kedua-duanya ialah fungsi anak panah, tetapi ia berkelakuan sedikit berbeza bergantung pada sintaks yang digunakan.

---

1. ()=>{} (Dengan Pendakap Kerinting)

• Sintaks: Apabila anda menggunakan pendakap kerinting {} selepas anak panah (=>), ia mentakrifkan badan fungsi.
• Jika anda ingin mengembalikan nilai, anda mesti menggunakan kata kunci pulangan secara eksplisit.
• Tanpa pemulangan, fungsi itu tidak mengembalikan apa-apa (iaitu, ia secara tersirat mengembalikan tidak ditentukan).

Contoh:

const add = (a, b) => {
  return a + b; // Explicit return
};

console.log(add(2, 3)); // Output: 5

Isi Penting:

• Pendakap kerinting menunjukkan badan berfungsi penuh.
• Kata kunci pulangan mesti digunakan secara eksplisit untuk mengembalikan nilai.

---

2. ()=>() (Dengan Tanda Kurung)

• Sintaks: Apabila anda menggunakan kurungan () selepas anak panah (=>), ia mentakrifkan pulangan tersirat.
• Ini ialah singkatan untuk mengembalikan satu ungkapan secara langsung.
• Tidak perlu kata kunci pemulangan dan tiada pendakap kerinting digunakan.

Contoh:

const add = (a, b) => a + b; // Implicit return

console.log(add(2, 3)); // Output: 5

Isi Penting:

• Kurungan menunjukkan pulangan tersirat bagi ungkapan tunggal di dalamnya.
• Tidak perlu menggunakan kata kunci pulangan.

---

Bila Pakai Yang Mana?

Gunakan ()=>{} Bila:

1. Fungsi ini mempunyai berbilang pernyataan atau logik kompleks.
2. Anda perlu mengawal secara eksplisit perkara yang dikembalikan.

Contoh:

const processNumbers = (a, b) => {
  const sum = a + b;
  const product = a * b;
  return sum + product; // Explicitly return the result
};

console.log(processNumbers(2, 3)); // Output: 11

---

Gunakan ()=>() Bila:

1. Fungsi ialah ungkapan satu baris yang perlu mengembalikan nilai.
2. Anda mahu memastikan sintaks ringkas.

Contoh:

const square = (x) => x * x; // Implicit return

console.log(square(4)); // Output: 16

---

Kes Rumit

Memulangkan Objek Tersurat

Jika anda ingin mengembalikan objek literal menggunakan pulangan tersirat, anda perlu membungkusnya dalam kurungan. Jika tidak, JavaScript mentafsir {} sebagai badan fungsi.

Contoh:

const add = (a, b) => {
  return a + b; // Explicit return
};

console.log(add(2, 3)); // Output: 5

---

Jadual Ringkasan

Syntax	Behavior	Example
()=>{}	Full function body, explicit return	const add = (a, b) => { return a b; };
()=>()	Single-line implicit return	const add = (a, b) => a b;

Pilih antara dua berdasarkan kes penggunaan anda: kejelasan untuk fungsi kompleks (()=>{}) lwn. sintaks ringkas untuk fungsi mudah (()=>()).

Atas ialah kandungan terperinci Perbezaan antara ( )=>{ } dan ( )=>( ) fungsi aero dalam JavaScript (JS). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!