Panduan Komprehensif untuk Fungsi dalam JavaScript

Fungsi dalam JavaScript

Berikut ialah panduan komprehensif untuk Fungsi dalam JavaScript dengan contoh:

---

1. Apakah Fungsi?

Fungsi ialah blok kod boleh guna semula yang direka untuk melaksanakan tugas tertentu. Ia dilaksanakan apabila ia dipanggil atau dipanggil.

Sintaks:

function functionName(parameters) {
  // Code to execute
}

Contoh:

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

2. Jenis Fungsi dalam JavaScript

A. Pengisytiharan Fungsi

Fungsi yang diisytiharkan menggunakan kata kunci fungsi.

Contoh:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

B. Ungkapan Fungsi

Fungsi juga boleh disimpan dalam pembolehubah.

Contoh:

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

C. Fungsi Anak Panah (ES6)

Sintaks ringkas untuk fungsi penulisan.

Sintaks:

const functionName = (parameters) => {
  // Code to execute
};

Contoh:

const subtract = (a, b) => a - b;
console.log(subtract(5, 3)); // Output: 2

---

D. Fungsi Tanpa Nama

Fungsi tanpa nama, selalunya digunakan sebagai panggilan balik.

Contoh:

setTimeout(function () {
  console.log("This runs after 2 seconds");
}, 2000);

---

E. Ungkapan Fungsi Dipanggil Serta-merta (IIFE)

Fungsi yang berjalan serta-merta selepas ia ditakrifkan.

Contoh:

(function () {
  console.log("IIFE is executed immediately!");
})();

---

3. Parameter dan Hujah

• Parameter: Pembolehubah ditakrifkan dalam definisi fungsi.
• Argumen: Nilai diluluskan semasa memanggil fungsi.

Contoh:

function greet(name, age) {
  console.log(`Hi ${name}, you are ${age} years old.`);
}
greet("Bob", 25); // Output: Hi Bob, you are 25 years old.

---

4. Parameter Lalai

Sediakan nilai lalai untuk parameter jika tiada hujah yang diluluskan.

Contoh:

function sayHello(name = "Guest") {
  console.log(`Hello, ${name}!`);
}
sayHello(); // Output: Hello, Guest!

---

5. Parameter Rehat

Digunakan untuk mengendalikan bilangan argumen yang tidak ditentukan sebagai tatasusunan.

Contoh:

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // Output: 10

---

6. Kenyataan Kembali

Fungsi boleh mengembalikan nilai menggunakan pernyataan pulangan.

Contoh:

function square(num) {
  return num * num;
}
console.log(square(4)); // Output: 16

---

7. Fungsi Panggilan Balik

Fungsi diluluskan sebagai hujah kepada fungsi lain dan dilaksanakan kemudian.

Contoh:

function processUserInput(callback) {
  const name = "Charlie";
  callback(name);
}
processUserInput((name) => {
  console.log(`Hello, ${name}!`);
});
// Output: Hello, Charlie!

---

8. Fungsi Pesanan Tinggi

Fungsi yang menerima fungsi lain sebagai argumen atau mengembalikan fungsi.

Contoh:

function functionName(parameters) {
  // Code to execute
}

---

9. Penutupan

Penutupan ialah fungsi yang mengingati pembolehubah luarnya walaupun selepas fungsi luar selesai dilaksanakan.

Contoh:

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

10. Skop Fungsi

Fungsi mempunyai skop setempatnya sendiri.

Contoh:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

11. Rekursi

Fungsi yang memanggil dirinya sendiri.

Contoh:

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

12. Fungsi Tulen

Fungsi tulen menghasilkan output yang sama untuk input yang sama dan tidak mempunyai kesan sampingan.

Contoh:

const functionName = (parameters) => {
  // Code to execute
};

---

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Panduan Komprehensif untuk Fungsi dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!