Menguasai Ungkapan Fungsi dalam JavaScript

Ekspresi fungsi ialah cara untuk mentakrifkan fungsi dalam JavaScript. Tidak seperti pengisytiharan fungsi, ungkapan fungsi boleh tanpa nama dan sering digunakan dalam situasi di mana fungsi dianggap sebagai nilai. Dalam blog ini, kita akan meneroka ungkapan fungsi, cara fungsi boleh dianggap sebagai nilai, fungsi panggil balik dan perbezaan antara ungkapan fungsi dan pengisytiharan fungsi. Jom terjun!

Ungkapan Fungsi

Ungkapan fungsi mentakrifkan fungsi sebagai sebahagian daripada ungkapan yang lebih besar. Ungkapan fungsi boleh tanpa nama (tanpa nama) atau dinamakan.

Sintaks:

let functionName = function(parameters) {
  // code to execute
};

Contoh:

let greet = function(name) {
  console.log("Hello, " + name + "!");
};

greet("Alice"); // Output: Hello, Alice!

Fungsi ialah Nilai

Dalam JavaScript, fungsi ialah warga kelas pertama, yang bermaksud ia boleh ditugaskan kepada pembolehubah, dihantar sebagai argumen kepada fungsi lain dan dikembalikan sebagai nilai daripada fungsi lain.

Contoh:

let add = function(a, b) {
  return a + b;
};

let result = add(3, 4);
console.log(result); // Output: 7

Fungsi Panggilan Balik

Fungsi panggil balik ialah fungsi yang diluluskan sebagai hujah kepada fungsi lain dan dilaksanakan pada masa kemudian. Fungsi panggil balik biasanya digunakan dalam pengaturcaraan tak segerak dan pengendalian acara.

Contoh:

function processArray(arr, callback) {
  for (let i = 0; i < arr.length; i++) {
    callback(arr[i]);
  }
}

let numbers = [1, 2, 3, 4, 5];

processArray(numbers, function(number) {
  console.log(number * 2);
});
// Output: 2 4 6 8 10

Penjelasan:

• Fungsi processArray mengambil tatasusunan dan fungsi panggil balik sebagai argumen.
• Fungsi panggil balik dipanggil untuk setiap elemen dalam tatasusunan.
• Dalam contoh ini, fungsi panggil balik menggandakan setiap nombor dan mencatatkan hasilnya.

Ungkapan Fungsi lwn Pengisytiharan Fungsi

Pengisytiharan Fungsi:

• Ditakrifkan menggunakan fungsi kata kunci diikuti dengan nama fungsi.
• Dinaikkan ke bahagian atas skop yang mengandunginya, bermakna mereka boleh dipanggil sebelum diisytiharkan.

Sintaks:

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

Contoh:

function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Alice"); // Output: Hello, Alice!

Ungkapan Fungsi:

• Ditakrifkan sebagai sebahagian daripada ungkapan yang lebih besar.
• Tidak dinaikkan, bermakna ia hanya boleh dipanggil selepas ia ditentukan.

Sintaks:

let functionName = function(parameters) {
  // code to execute
};

Contoh:

let greet = function(name) {
  console.log("Hello, " + name + "!");
};

greet("Alice"); // Output: Hello, Alice!

Ringkasan

• Ungkapan Fungsi: Tentukan fungsi sebagai sebahagian daripada ungkapan yang lebih besar.
• Fungsi ialah Nilai: Fungsi boleh diberikan kepada pembolehubah, diluluskan sebagai argumen dan dikembalikan sebagai nilai.
• Fungsi Panggilan Balik: Fungsi dihantar sebagai hujah kepada fungsi lain dan dilaksanakan pada masa kemudian.
• Ungkapan Fungsi lwn Pengisytiharan Fungsi:
  • Pengisytiharan Fungsi: Diangkat ke bahagian atas skop yang mengandunginya.
  • Ungkapan Fungsi: Tidak dinaikkan, hanya boleh dipanggil selepas ia ditentukan.

Kesimpulan

Ekspresi fungsi ialah cara serba boleh untuk mentakrifkan fungsi dalam JavaScript, terutamanya apabila anda perlu menganggap fungsi sebagai nilai. Dengan memahami ungkapan fungsi, fungsi panggil balik dan perbezaan antara ungkapan fungsi dan pengisytiharan fungsi, anda akan dapat menulis kod yang lebih fleksibel dan dinamik. Teruskan berlatih dan meneroka untuk mendalami pemahaman anda tentang ungkapan fungsi dalam JavaScript.

Nantikan blog yang lebih mendalam tentang JavaScript! Selamat mengekod!

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