Bagaimana untuk menentukan fungsi javascript? Apakah fungsinya?

JavaScript ialah bahasa pengaturcaraan yang dinamik dan ditafsirkan yang digunakan untuk mencipta tapak web interaktif. Salah satu komponen yang paling penting ialah fungsi. Fungsi boleh menentukan blok kod boleh guna semula untuk melaksanakan fungsi yang berbeza. Dalam artikel ini, kita akan membincangkan cara fungsi ditakrifkan dalam JavaScript dan perkara yang mereka lakukan.

1. Apakah fungsi?

Dalam JavaScript, fungsi ialah blok kod boleh guna semula yang melaksanakan tugas tertentu. Fungsi dalam JS ditakrifkan menggunakan kata kunci fungsi dan boleh mengandungi parameter dan nilai pulangan. Ia perlu dipanggil apabila fungsi digunakan untuk melaksanakan kod di dalamnya semasa runtime.

2. Cara mentakrifkan fungsi

Terdapat dua cara biasa untuk mentakrifkan fungsi dalam JavaScript: pengisytiharan fungsi dan ungkapan fungsi.

1. Pengisytiharan fungsi

Pengisytiharan fungsi ialah cara paling biasa untuk mentakrifkan fungsi. Ia menggunakan kata kunci fungsi, diikuti dengan nama fungsi dan sepasang kurungan, yang boleh mengandungi parameter, dan kemudian sepasang pendakap kerinting, yang mengandungi kod badan fungsi. Berikut ialah contoh paling mudah bagi pengisytiharan fungsi:

function greet() {
  alert('Hello!');
}

Dalam contoh ini, fungsi greet() ditakrifkan sebagai fungsi tanpa parameter, yang akan muncul kotak gesaan untuk memaparkan "Hello! "mesej. Fungsi ini hanyalah satu contoh, aplikasi sebenar boleh mempunyai fungsi yang lebih kompleks dan praktikal.

2. Ekspresi fungsi

Ekspresi fungsi ialah cara lain untuk mentakrifkan fungsi dalam JavaScript. Ia menggunakan sintaks yang serupa dengan pengisytiharan pembolehubah, diawali dengan kata kunci seperti var dan menganggap fungsi sebagai nilai untuk tugasan. Oleh kerana nama dalam definisi ungkapan fungsi tidak dinaikkan ke bahagian atas skop fungsi, fungsi ini boleh diakses sebelum definisi ungkapan fungsi.

Berikut ialah contoh paling ringkas bagi ungkapan fungsi:

var greet = function() {
  alert('Hello!');
}

Dalam contoh ini, salam ialah pembolehubah yang diberikan kepada fungsi tanpa parameter. Fungsi ini akan muncul kotak gesaan untuk memaparkan mesej "Hello!" Sekali lagi, fungsi ini hanyalah satu contoh, dan aplikasi sebenar boleh mengandungi pelbagai parameter dan badan fungsi yang berbeza.

3. Parameter fungsi

Fungsi boleh menggunakan tanda kurung untuk menyertakan senarai parameter dan parameter dipisahkan dengan koma. Parameter boleh dianggap sebagai input kepada fungsi untuk menjadikannya lebih mudah disesuaikan dan boleh digunakan semula.

Berikut ialah contoh pengisytiharan fungsi dengan parameter:

function greet(name) {
  alert('Hello, ' + name + '!');
}

Dalam contoh ini, fungsi greet() mengharapkan nama sebagai parameter. Ia akan membawa parameter ke dalam badan fungsi, dan kemudian muncul kotak gesaan yang menunjukkan nilai "Hello" dan nama.

4. Fungsi mengembalikan nilai

Sesuatu fungsi boleh menggunakan kata kunci pulangan untuk mengembalikan nilai. Nilai pulangan boleh berupa apa-apa jenis nilai, seperti nombor, rentetan, nilai logik atau objek.

Berikut ialah contoh fungsi dengan nilai pulangan:

function sum(a, b) {
  return a + b;
}

Dalam contoh ini, fungsi sum() mengambil dua parameter a dan b serta mengembalikan jumlahnya. Fungsi boleh dipanggil dengan:

var result = sum(2, 5);
alert(result); // displays 7

Dalam contoh ini, pembolehubah hasil akan mengandungi nilai yang dikembalikan oleh fungsi: 7.

5. Penggunaan fungsi

Apabila fungsi ditakrifkan, ia perlu dipanggil pada masa jalan untuk melaksanakan kod di dalamnya. Apabila memanggil fungsi, parameter yang digunakan untuk memanggil fungsi boleh disertakan dalam kurungan selepas nama fungsi.

Berikut ialah contoh mudah untuk memanggil fungsi:

function greet(name) {
  alert('Hello, ' + name + '!');
}

greet('John'); // displays "Hello, John!"

Dalam contoh ini, fungsi greet() dipanggil dan rentetan "John" dihantar kepadanya sebagai parameter. Fungsi ini akan muncul kotak gesaan, memaparkan "Hello" dan nilai nama yang diluluskan.

6. Peranan fungsi

Fungsi ialah salah satu konsep terpenting dalam JavaScript. Mereka boleh menjadikan kod lebih mudah dibaca, diselenggara dan boleh digunakan semula. Dengan membahagikan fungsi kepada ketulan kod yang lebih kecil, kod boleh diatur dengan lebih mudah untuk pengurusan dan pengubahsuaian asas kod yang lebih baik. Anda boleh menggunakan definisi fungsi untuk merangkum tugas tertentu dan memanggilnya apabila diperlukan. Ini menjimatkan banyak masa dan baris kod.

Ringkasan

Dalam artikel ini, kami memperkenalkan definisi, parameter, nilai pulangan dan penggunaan fungsi dalam JavaScript. Memahami apakah fungsi dan masa untuk menggunakannya akan membantu anda membina kod JavaScript yang lebih jelas, lebih dipercayai dan lebih cekap. Dalam projek pembangunan sebenar, kami akan menghadapi pelbagai keperluan fungsian, dan menggunakan fungsi boleh membantu kami menyelesaikan masalah dengan lebih cepat. Sudah tentu, aplikasi fungsi JavaScript tidak terhad kepada ini. Pemahaman mendalam tentang penggunaan fungsi JS boleh membantu kami dalam pembangunan.

Atas ialah kandungan terperinci Bagaimana untuk menentukan fungsi javascript? Apakah fungsinya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!