Memahami Fungsi Javascript

JavaScript ialah kuasa besar kemungkinan, dan fungsi adalah berdasarkan keajaibannya. Fungsi membantu pembangun menghasilkan kod yang jelas, boleh digunakan semula dan cekap, menjadikannya bahagian penting dalam mana-mana projek JavaScript. Sama ada anda seorang pemula atau pengaturcara yang berpengalaman, fungsi pemahaman diperlukan untuk membuka kunci potensi penuh JavaScript. Dalam blog ini, kita akan melihat konsep fungsi, cara ia berfungsi dan sebab ia penting menggunakan contoh praktikal.

? Apakah Fungsi?

• Fungsi ialah blok kod direka untuk melaksanakan tugas tertentu.
• Fungsi boleh diguna semula kerana ia boleh ditakrifkan sekali dan boleh dipanggil dengan nilai yang berbeza menghasilkan hasil yang berbeza.

⭐ Sintaks:

function functionName(parameter1, parameter2, ...) {
  // function body
  // code to be executed
  return result; // optional
}

✍️ Penjelasan:

• fungsi: Kata kunci untuk mengisytiharkan fungsi
• functionName: Nama fungsi (sepatutnya deskriptif)
• parameter: Nilai input yang diterima oleh fungsi (pilihan)
• badan fungsi: Mengandungi kod untuk dilaksanakan
• kembali: Kembalikan beberapa nilai daripada fungsi selepas melakukan beberapa operasi (pilihan)

? Contoh:

function greet(username){
    console.log("Hello! Good morning " + username)
}
greet('Richa')  // function call
greet('Mike')  // function call
greet('Aly')   // function call
/* Output:
Hello! Good morning Richa
Hello! Good morning Mike
Hello! Good morning Aly */

⁉️ Mengapa Menggunakan Fungsi?

• Kebolehgunaan Kod: Tulis sekali, gunakan berbilang kali.
• Modulariti: Bahagikan atur cara kepada bahagian yang lebih kecil dan boleh diurus.
• Kebolehbacaan: Jadikan kod anda lebih mudah difahami.

? Jenis-jenis Fungsi

1️⃣ Pengisytiharan Fungsi
Cara standard untuk mentakrifkan fungsi.
? Contoh:

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

2️⃣ Ungkapan Fungsi
Menetapkan fungsi kepada pembolehubah.
? Contoh:

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

3️⃣ Fungsi Anak Panah
Sintaks ringkas(padat) telah diperkenalkan dalam ES6.
? Contoh:

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

4️⃣ Fungsi Tanpa Nama
Berfungsi tanpa nama, sering digunakan sebagai hujah.
? Contoh:

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

5️⃣ Fungsi Panggilan Balik
Fungsi panggil balik dihantar sebagai hujah kepada fungsi lain dan dilaksanakan selepas selesai fungsi itu.
? Contoh:

function num(n, callback) {
    return callback(n);
}

const double = (n) => n * 2;

console.log(num(5, double)); // Output: 10

6️⃣ Fungsi Bersarang
Fungsi yang ditakrifkan dalam fungsi lain dipanggil fungsi bersarang. Mereka mempunyai akses kepada pembolehubah fungsi induk mereka.
? Contoh:

function functionName(parameter1, parameter2, ...) {
  // function body
  // code to be executed
  return result; // optional
}

Kesimpulan

Fungsi ialah teras pengaturcaraan JavaScript. Mereka menawarkan cara untuk menstruktur kod anda, meningkatkan prestasinya dan menjadikannya lebih mudah difahami. Daripada operasi mudah kepada logik yang rumit, fungsi membolehkan anda mereka bentuk program yang lebih baik.

Sekarang anda telah melihat konsep asas dan aplikasi fungsi, cuba tulis beberapa konsep anda sendiri! Mulakan dengan fungsi mudah, seperti mengira luas bulatan atau membalikkan rentetan. Lebih banyak anda berlatih, lebih banyak anda akan memahami kesannya.

Selamat pengekodan!✨

Atas ialah kandungan terperinci Memahami Fungsi Javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!