Apakah Fungsi JavaScript? Panduan Pemula untuk Menulis Dan Menggunakannya.

Fungsi JavaScript ialah alat yang berkuasa dalam pengaturcaraan, sama ada anda sedang membina kalkulator ringkas atau aplikasi web yang kompleks, fungsi adalah penting. Artikel ini akan menerangkan secara beransur-ansur pengetahuan asas fungsi JavaScript untuk membantu anda menguasai penulisan dan penggunaan fungsi dengan mudah.

Apakah fungsi?

Fungsi ialah blok kod yang melaksanakan tugas tertentu. Setelah ditulis sekali, ia boleh dipanggil berulang kali apabila diperlukan, meningkatkan kebolehgunaan semula kod.

Bagaimana hendak menulis fungsi?

Mari tulis fungsi pertama kami langkah demi langkah:

<code class="language-javascript">function greet() {
  console.log("Hello, world!");
}
greet();</code>

Penjelasan kod:

• function: kata kunci untuk mengisytiharkan fungsi.
• greet: Nama fungsi (sebarang nama deskriptif boleh digunakan).
• (): Senarai parameter (kosong di sini bermakna fungsi tidak memerlukan sebarang input).
• {}: Badan fungsi, mengandungi kod untuk pelaksanaan fungsi.

Panggil fungsi greet() dan konsol akan mengeluarkan "Hello, dunia!".

Parameter dan nilai parameter

Parameter menjadikan fungsi lebih fleksibel. Parameter ialah pembolehubah yang diisytiharkan apabila fungsi ditakrifkan, dan nilai parameter ialah nilai sebenar yang dihantar kepada parameter apabila fungsi dipanggil.

<code class="language-javascript">function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Majeedat");</code>

Output: Hello, Majeedat!

Perbezaan antara parameter dan nilai parameter:

• Parameter: Pemegang tempat ditakrifkan apabila fungsi diisytiharkan.
• Nilai parameter: Nilai sebenar dihantar ke parameter apabila fungsi dipanggil.

Nilai pulangan

Fungsi bukan sahaja boleh mengeluarkan maklumat, tetapi juga mengembalikan nilai.

<code class="language-javascript">function add(a, b) {
  return a + b;
}
let result = add(5, 3);
console.log(result); // 输出：8</code>

Kata kunci

return mengembalikan hasil pengiraan ke tempat di mana fungsi dipanggil.

Ekspresi fungsi

Cara lain untuk mentakrifkan fungsi ialah ungkapan fungsi:

<code class="language-javascript">const greet = function(name) {
  console.log(`Hi, ${name}!`);
};</code>

Tetapkan fungsi kepada pembolehubah.

Fungsi anak panah

Fungsi anak panah ialah cara yang lebih ringkas untuk mentakrifkan fungsi:

<code class="language-javascript">const greet = (name) => {
  console.log(`Hey, ${name}!`);
};</code>

Untuk fungsi satu baris, pendakap kerinting boleh ditinggalkan:

<code class="language-javascript">const add = (a, b) => a + b;
console.log(add(2, 4)); // 输出：6</code>

Kelebihan fungsi

1. Kebolehgunaan semula: Tulis sekali, guna berkali-kali.
2. Kebolehbacaan: Jadikan kod lebih jelas dan lebih mudah difahami.
3. Pemodularan: Pecah kod kepada modul yang kecil dan boleh diurus.

Kesilapan yang biasa dilakukan oleh pemula

A. Terlupa untuk memanggil fungsi: Tentukan fungsi tetapi lupa untuk memanggilnya.

<code class="language-javascript">function greet() {
  console.log("Oops, you forgot to call me!");
}
// 需要调用 greet();</code>

B. Salah padan parameter: Bilangan parameter yang dijangkakan oleh fungsi tidak sepadan dengan bilangan parameter yang benar-benar berlalu.

<code class="language-javascript">function add(a, b) {
  return a + b;
}
console.log(add(5)); // 输出：NaN (Not a Number)</code>

C. Gelung Tak Terhingga: Fungsi itu sendiri dipanggil secara rekursif tak terhingga.

Ringkasan

Fungsi JavaScript adalah asas untuk membina aplikasi web interaktif dinamik. Mahir menggunakan fungsi akan meningkatkan kecekapan pengaturcaraan anda. Mula menulis fungsi anda sendiri sekarang!

Pengarang: MJ Selamat tinggal!

Atas ialah kandungan terperinci Apakah Fungsi JavaScript? Panduan Pemula untuk Menulis Dan Menggunakannya.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!